一款鼠标跟随特效代码.docx
《一款鼠标跟随特效代码.docx》由会员分享，可在线阅读，更多相关《一款鼠标跟随特效代码.docx（11页珍藏版）》请在冰豆网上搜索。
一款鼠标跟随特效代码
一款鼠标跟随特效代码
篇一：
网页制作特效——鼠标特效代码
网页制作特效——鼠标特效
说明：
选择下列特效中的一种，选择其中蓝色的部分，粘贴在html的之间，预览效果。
（一）时钟环绕鼠标
之间-->
”;
props2=““;
Split=360/n;
Dsplit=360/;
HandHeight=ClockHeight/
HandWidth=ClockWidth/
HandY=-7;
HandX=-;
scrll=0;
step=;
currStep=0;
y=newArray（）;x=newArray（）;Y=newArray（）;X=newArray（）;
for（i=0;i‘+props2+D[i]+’’）;
for（i=0;i‘+props+Face[i]+’’）;
for（i=0;i‘+S[i]+’’）;
for（i=0;i‘+M[i]+’’）;
for（i=0;i‘+H[i]+’’）;
}
if（ie）{
（‘‘）;
for（i=0;i‘+props2+D[i]+’’）;
（‘‘）;
（‘‘）;
for（i=0;i‘+props+Face[i]+’’）;
（‘‘）;
（‘‘）;
for（i=0;i‘+H[i]+’’）;
（‘‘）;
（‘‘）;
for（i=0;i‘+M[i]+’’）;
（‘‘）
（‘‘）;
for（i=0;i‘+S[i]+’’）;
（‘‘）
}
（ns）?
（）:
0;
functionMouse（evnt）{
ymouse=（ns）?
+ClockFromMouseY-（）:
+ClockFromMouseY;xmouse=（ns）?
+ClockFromMouseX:
+ClockFromMouseX;
}
（ns）?
=Mouse:
=Mouse;
functionClockAndAssign（）{
time=newDate（）;
secs=（）;
sec=-+*secs/30;
mins=（）;
min=-+*mins/30;
hr=（）;
hrs=-+*hr/6+*parseInt（（））/360;
if（ie）{
=;
=;
=;
=;
=;
}
for（i=0;i
（二）很酷的跟随鼠标的三色彩带
之间-->
篇二：
简单的网页鼠标跟随代码
放入标签中就OK
html{
overflow:
hidden;
}
body{
position:
absolute;
height:
100%;
width:
100%;
margin:
0;
padding:
0;
}
#screen{
background:
#000;
position:
absolute;
width:
100%;
height:
100%;
}
#screenspan{
background:
#fff;
font-size:
0;
overflow:
hidden;
width:
2px;
height:
2px;
}
varFollow=function（）{
var$=function（i）{return（i）},
addEvent=function（o,e,f）{?
（e,f,false）:
（‘on’+e,function（）{（o）}）},
OBJ=,sp,rs,N=0,m;
varinit=function（id,config）{
=config||{};
=$（id）;
sp=||4;
rs=||1;
m={x:
$（id）.offsetWidth*.5,y:
$（id）.offsetHeight*.5};
（）;
（）;
}
={
setXY:
function（）{
var_this=this;
addEvent（,‘mousemove’,function（e）{
e=e||;
=;
=;
}）
},
start:
function（）{
vark=180/,OO,o,_this=this,fn=;
OBJ[N++]=OO=newCObj（null,0,0）;
for（vari=0;i
newFollow（‘screen’,{speed:
4,
animR:
2,
fn:
function（i,j）{
return{
x:
j/4*（i）,
y:
j/4*（i）
}
}}）
篇三：
Flash常见的鼠标跟随效果
[Flash常见的鼠标跟随效果
flash中的鼠标可以更有个性些，做起来也不算复杂，比如把鼠标指针换成你喜欢的样子，或让鼠标指针有一个灵动飘逸的跟随，如下图中的效果，怎么样？
动手试试：
一、例１：
让鼠标指针变变样：
把鼠标变成上面第一个图的样子，当然你爱咋样子的都行，比如一个字，一种形状，一张图片都行。
过程：
1）插入一个元件，类型为影片剪辑，自己动手画个形状吧，像上面图一那样的也行，这不要紧，要紧的是在元件编辑视图下，要将这个图形的左上角对准中心的十字，否则鼠标定位时会有误差，如图：
[小技巧：
直接在舞台上绘图，完成后全选并右击，选择“转换为元件——影片剪辑——确定”，这样做影片剪辑，会自动对齐。
]
2）把影片剪辑放到舞台上，实例名为：
mouse_mc
3）在帧上加代码，非常简单：
mouse_（false）;
（_FRAME,myMouse）;
functionmyMouse（evt:
Event）{
mouse_=mouseX;
mouse_=mouseY;
}
（）;
其中（）;的作用是隐藏默认的鼠标指针，如果要恢复显示：
（）;
二、例２：
鼠标指针后面跟随飘逸的枫叶：
过程：
1）把这几张图下载到你的电脑上，并导入到flash库中去。
2）把这些图拖到舞台上去，按图从小到大的顺序依次分别右击他们，并选“转换成元件——影片剪辑——确定”：
按“从小到大”的顺序操作，是为了叠放次序，后来居上：
虽然在同一时间轴图层上，但后转换成影片剪辑的会居上方。
3）同样从小到大，依次取实例名为：
level0、level1、level2、level3、level4、level5
4）在帧上加一些简单的代码即可：
（false）;
（_FRAME,myMouse）;
functionmyMouse（evt:
Event）{
=+20;
=+10;
varspeed:
uint=3;
for（vari:
uint=1;i<=5;i++）{
this[“level”+i].x+=（this[“level”+（i-1）].x-this[“level”+i].x）/speed;
this[“level”+i].y+=（this[“level”+（i-1）].y-this[“level”+i].y）/speed;
}
}
三、例3：
鼠标跟随飘动的文字
这个其实和例2是一样的，把图片换成一个个文字，其他的过程一样，数量有些不同，改改相关的代码即可。
但这个例子，想和大家一起用代码方式做，代码如下，不理解也没关系，复制到第一帧上，可以改一改跟随文字，比如把“打倒日本帝国主义”改成“钓鱼岛是中国的固有领土”，呵呵：
//*************************从这里复制开始
**************************************
var_text:
String=“打倒日本帝国主义”;
vari:
uint=0;
vararrTextSprite:
Array=newArray（）;
for（i;i<_;i++）{
arrTextSprite[i]=addTextField（_（i））;
（arrTextSprite[i]）;
}
arrTextSprite[0].startDrag（false）;
（_FRAME,myMouse）;
functionmyMouse（evt:
Event）{
arrTextSprite[0].x=+20;
arrTextSprite[0].y=+10;
varspeed:
uint=3;
for（i=1;i<;i++）{
arrTextSprite[i].x+=（arrTextSprite[i-1].x-arrTextSprite[i].x+15）/speed;arrTextSprite[i].y+=（arrTextSprite[i-1].y-arrTextSprite[i].y）/speed;}
}
functionaddTextField（str:
String）:
Sprite{
////定义字体风格
varmyTextFormat:
TextFormat=newTextFormat（）;
=15;
=;
////添加文本框并应用风格
varmyTextField:
TextField=newTextField（）;
=20;
=20;
=false;
=false;
=myTextFormat;
=str;
////将文本框加入到Ｓprite，就像是在舞台上将一个文本框转换成影片剪辑
varmySprite:
Sprite=newSprite（）;
（myTextField）;
returnmySprite;
}
//*********************复制到这一行结束
*******************************************
四、例4：
群星飞瀑鼠标跟随效果
过程：
（一）新建一个flash文档，背景为黑色，帧频为20。
（二）绘制星星：
1）插入一个元件，类型为“图形”，确定后进入到元件编辑状态下，适当放大视图，然后进行绘图。
2）画一个无线框圆，白色，透明度33%，再调成纵向窄条；画一个无边线六边形，白色，透明66%，拽一拽上下两个顶点，让它们不那么冒尖，然后再调成窄条；再制一个窄条，透明度调成100%，即不透明。
将三个窄条组合，调整长短、宽窄，然后叠起来；最后再复制一下，叠成十字形状，如下图：
3）画三个圆，无边线，白色，透明分别为33%、66%、100%，再将它们组合、重叠起来，调整好大小位置，如图：
4）将十字和圆圈叠起来，调好适当大小位置，并组合；将组合图中心点对齐到“十”字上，大小设为16*16像素，一个小星星，如图：
（三）制作星星播放动画：
1）插入一个元件，类型为“影片剪辑”，进入到元件编辑视图下，在第一帧上，将刚才做好星星拖入，中心点对齐到中间“十”字上。
2）在第10帧上插入一个关键帧，将星星Y轴下调130像素，旋转90度，并与第一帧之间创建补动画。
3）在时间轴上，再添加四个图层，分别为“图层2到图层5”，再将“图层1”已经做
好的帧分别复制粘贴到这四个图层上，如下图左：
4）由下往上，将各图层第一帧上的星星透明度分别调整为20%、40%、60%、80%、100%，最后一帧上的星星透明度都调为0%全透明。
5）再如上图右边那样，将各图层的第一层和最后一帧的位置拖动到适当的位置上
6）图层1的最后一帧（第30帧）添加代码stop（），即播放到最后停止。
（四）添加类：
在库中找到刚才做好的动画影片剪辑元件，“右击——链接”，如图勾选两个选项，“类”后面输入：
mouse_mc，基类保留默认。
（五）在主场景第一帧中加入代码：
（_MOVE,onMove）;
varnCount:
uint=0;
functiononMove（evt:
Event）{
if（nCount%3==0）{
var_mc:
mouse_mc=newmouse_mc（）;
_=;
_=;
addChild（_mc）;
}
nCount++;
升级会员 