`

遮罩跟随鼠标移动,通过载入的图片指定遮罩

阅读更多
package
{
	import ascb.drawing.Pen;
	
	import flash.display.Loader;
	import flash.display.Sprite;
	import flash.net.URLRequest;

	public class zhezao extends Sprite
	{
		public function zhezao()
		{
			super();
			var loader:Loader = new Loader( );
			loader.load(new URLRequest("http://www.rightactionscript.com/samplefiles/image2.jpg"));
			addChild(loader);
			var mas遮罩跟随鼠标移动。通过载入的图片指定遮罩kSprite:Sprite = new Sprite( );
			maskSprite.graphics.lineStyle( );
			maskSprite.graphics.beginFill(0xFFFFFF);
			maskSprite.graphics.drawCircle(0, 0, 100);
			maskSprite.graphics.endFill( );
			loader.mask = maskSprite;
			addChild(maskSprite);
			maskSprite.startDrag(true);
			
			
		}		
		
		
	}
}

 

  • 大小: 20.2 KB
分享到:
评论

相关推荐

    jQuery鼠标移动图片遮罩显示特效.zip

    其次,为了使遮罩层跟随鼠标移动,我们需要在`mousemove`事件的回调函数中计算遮罩层的新位置。这涉及到JavaScript的坐标转换,可能包括获取鼠标相对于图片的相对坐标,然后根据这些坐标调整遮罩层的位置。同时,...

    jquery鼠标滑过图片遮罩层跟随移动效果

    通过以上步骤,我们就成功地创建了一个jQuery驱动的图片遮罩层跟随移动效果。用户在鼠标滑过图片时,遮罩层会随着鼠标的移动而移动,提供了一种动态的交互体验。这个功能常用于图片预览、产品介绍等场景,能够吸引...

    jquery跟随鼠标在图片之间不断切换的透明遮罩效果.rar

    jquery跟随鼠标在图片之间不断切换的透明遮罩效果.rarjquery跟随鼠标在图片之间不断切换的透明遮罩效果.rarjquery跟随鼠标在图片之间不断切换的透明遮罩效果.rarjquery跟随鼠标在图片之间不断切换的透明遮罩效果....

    Bootstrap鼠标悬停图片遮罩特效

    在“Bootstrap鼠标悬停图片遮罩特效”这个主题中,我们将深入探讨如何利用Bootstrap结合JavaScript来实现一种交互式的图片展示效果,即当鼠标悬停在图片上时,图片上会覆盖一层半透明的遮罩,可以用来展示额外信息...

    jQuery实现鼠标滑过图片遮罩层跟随移动效果源码.zip

    jQuery实现鼠标滑过图片遮罩层跟随移动效果源码.zip

    跟随鼠标在图片之间不断切换的透明遮罩效果

    一款图片遮罩层jquery特效,当鼠标移动到图片上后,显示图片文字以及热度等信息...鼠标在不同图片之间来回切换,遮罩层也跟随不断移动。 相关效果链接:jQuery磁性透明图层跟随鼠标移动图片特效 代码版权归环球网所有

    jQuery css3动画鼠标悬停遮罩图片高亮

    本项目"jQuery css3动画鼠标悬停遮罩图片高亮"是一个利用这两种技术来增强用户体验的例子,特别是针对图片展示部分。 jQuery 是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务。在这...

    鼠标滑过遮罩跟随jQuery导航.zip

    当用户鼠标滑过导航菜单时,会有一个遮罩层跟随鼠标移动,提供更丰富的用户体验。 首先,我们来看HTML5部分。HTML5是现代网页的标准,提供了更好的语义化标签如、、等,用于构建结构清晰的页面布局。在这个项目中,...

    jQuery炫酷鼠标滑过图片显示遮罩层特效.zip

    在本文中,我们将深入探讨如何使用jQuery和CSS3来实现一款炫酷的鼠标滑过图片显示遮罩层的特效。这种特效广泛应用于网页设计中,为用户提供了丰富的交互体验,尤其是在图片展示、相册功能或者产品展示方面。 首先,...

    jquery-图片展示-鼠标滑过图片文字遮罩

    当用户将鼠标移动到图片上时,遮罩层会显现出来,显示相关的文字内容,提供更多信息而不占用额外空间,提高了界面的整洁度。 实现这个效果,我们首先需要在HTML中为每张图片设置一个容器,包含图片和遮罩层。例如:...

    随鼠标的移入方向移入的遮罩层

    这个效果的核心在于,当鼠标移到图片或者其他指定元素上时,遮罩层不是简单地弹出,而是根据鼠标进入的方向平滑移动,增强了用户与网页的交互性。 【知识点详解】: 1. **CSS3**:CSS3是CSS的最新版本,引入了许多...

    Bootstrap鼠标悬停图片遮罩特效.zip

    这种效果在用户将鼠标光标移动到图片上时,会在图片上覆盖一层半透明的遮罩,遮罩上通常会显示与图片相关的文字信息、描述或按钮,以增强用户体验和信息传递效率。 在实现这一特效时,主要涉及到的技术栈是HTML、...

    跟随鼠标在图片之间不断切换的透明遮罩效果.rar

    在IT行业中,我们经常需要创建各种视觉效果来增强用户体验,其中一种常见的技术是实现图片之间的平滑过渡,比如“跟随鼠标在图片之间不断切换的透明遮罩效果”。这个项目使用了C#编程语言,可能涉及到Windows Forms...

    JQuery 鼠标悬浮,图片遮罩效果

    在网页设计中,交互效果...总之,通过JQuery的事件处理和DOM操作,结合CSS样式和动画效果,我们可以轻松实现鼠标悬浮时的图片遮罩效果。这种效果不仅美观,而且能够有效地引导用户的注意力,提高网站的互动性和功能性。

    CSS3鼠标经过图片遮罩层代码.zip

    本项目"CSS3鼠标经过图片遮罩层代码"是针对Bootstrap 3.3.5框架的一个实现,它允许在用户将鼠标悬停在图片上时显示一个遮罩层,同时提供动态的视觉效果,以增强用户体验。Bootstrap是流行的前端开发框架,它提供了...

    Jquery感知鼠标移动方向悬停图片遮罩显示

    本项目“Jquery感知鼠标移动方向悬停图片遮罩显示”是关于利用jQuery来实现一种动态交互效果,当鼠标悬停在图片上时,根据鼠标移动的方向,遮罩层会相应地显示。这个功能可以提升用户体验,使网站更具吸引力。 首先...

    jQuery鼠标经过图片遮罩层效果.rar

    4. 在鼠标进入事件处理函数中,通过`.css()`改变遮罩层的透明度(如`opacity: 0.8`),并可能调整其位置以跟随鼠标。 5. 在鼠标离开事件处理函数中,恢复遮罩层的初始状态(透明度变为0,隐藏遮罩层)。 这个项目...

    jQuery鼠标经过图片遮罩层效果.zip

    这个"jQuery鼠标经过图片遮罩层效果"就是一个典型的例子,它利用jQuery库实现了当鼠标悬停在图片上时,会显示一个覆盖在图片上的遮罩层,并且具有鼠标跟随的效果。下面将详细讲解这个效果的实现原理和相关知识点。 ...

    jQuery鼠标经过遮罩

    "jQuery鼠标经过遮罩"是一种常见的效果,它允许用户在鼠标悬停在某个元素上时,显示出一个遮罩层,通常用于显示额外信息、加载动画或提示。这个效果能够吸引用户的注意力,并提供一种优雅的方式来传递信息。 首先,...

Global site tag (gtag.js) - Google Analytics