一款鼠标跟随特效代码
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
function myMouse(evt:Event) {
= + 20;
= + 10;
var speed:uint = 3;
for (var i: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是一样的,把图片换成一个个文字,其他的过程一样,数量有些不同,改改相关的代码即可。但这个例子,想和大家一起用代码方式做,代码如下,不理解也没关系,复制到第一帧上,可以改一改跟随文字,比如把“打倒日本帝国主义”改成“钓鱼岛是中国的固有领土”,呵呵:
for(var i=0;i
new Follow(‘screen’, {speed: 4,
animR : 2,
fn : function (i, j) {
return {
x : j/4*(i),
y : j/4*(i)
}
}})
篇三:Flash常见的鼠标跟随效果
[Flash常见的鼠标跟随效果
flash中的鼠标可以更有个性些,做起来也不算复杂,比如把鼠标指针换成你喜欢的样子,或让鼠标指针有一个灵动飘逸的跟随,如下图中的效果,怎么样?动手试试:
for (i; i<_; i++) {
arrTextSprite[i] = addTextField(_(i));
(arrTextSprite[i]);
}
arrTextSprite[0].startDrag(false);
(_FRAME,myMouse);
function myMouse(evt:Event) {
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]+’’);
按“从小到大”的顺序操作,是为了叠放次序,后来居上:虽然在同一时间轴图层上,但后转换成影片剪辑的会居上方。
3)同样从小到大,依次取实例名为:
level0、 level1、 level2、 level3、 level4、level5
4)在帧上加一些简单的代码即可:
(false);
(_FRAME,myMouse);
= 20;
= 20;
= false;
= false;
= myTextFormat;
= str;
////将文本框加入到Sprite,就像是在舞台上将一个文本框转换成影片剪辑
var mySprite:Sprite = new Sprite();
(myTextField);
return mySprite;
(‘‘);
(‘‘);
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;
mouse_ = mouseX;
mouse_ = mouseY;
}
();
其中(); 的作用是隐藏默认的鼠标指针,如果要恢复显示:();
二、例2:鼠标指针后面跟随飘逸的枫叶:
过程:
1)把这几张图下载到你的电脑上,并导入到flash库中去。
2)把这些图拖到舞台上去,按图从小到大的顺序依次分别右击他们,并选“转换成元件——影片剪辑——确定”:
}
//*********************复制到这一行结束
*******************************************
四、例4:群星飞瀑鼠标跟随效果
过程:
(一)新建一个flash文档,背景为黑色,帧频为20。
(二)绘制星星:
1)插入一个元件,类型为“图形”,确定后进入到元件编辑状态下,适当放大视图,然后进行绘图。
var $ = function (i) {return (i)},
addEvent = function (o, e, f) { ? (e, f, false) : (‘on’+e, function(){(o)})},
OBJ = , sp, rs, N = 0, m;
var init = function (id, config) {
}
function addTextField(str:String):Sprite {
////定义字体风格
var myTextFormat:TextFormat = new TextFormat();
= 15;
= ;
////添加文本框并应用风格
var myTextField:TextField = new TextField();
[小技巧:直接在舞台上绘图,完成后全选并右击,选择“转换为元件——影片剪辑——确定”,这样做影片剪辑,会自动对齐。]
2)把影片剪辑放到舞台上,实例名为:mouse_mc
3)在帧上加代码,非常简单:
mouse_(false);
(_FRAME,myMouse);
function myMouse(evt:Event) {
//*************************从这里复制开始
**************************************
var _text:String =“打倒日本帝国主义”;
var i:uint = 0;
var arrTextSprite:Array = new Array();
2)画一个无线框圆,白色,透明度33%,再调成纵向窄条;画一个无边线六边形,白色,透明66%,拽一拽上下两个顶点,让它们不那么冒尖,然后再调成窄条;再制一个窄条,透明度调成100%,即不透明。将三个窄条组合,调整长短、宽窄,然后叠起来;最后再复制一下,叠成十字形状,如下图:
3)画三个圆,无边线,白色,透明分别为33%、66%、100%,再将它们组合、重叠起来,调整好大小位置,如图:
4)将十字和圆圈叠起来,调好适当大小位置,并组合;将组合图中心点对齐到“十”字上,大小设为16*16像素,一个小星星,如图:
(三)制作星星播放动画:
1)插入一个元件,类型为“影片剪辑”,进入到元件编辑视图下,在第一帧上,将刚才做好星星拖入,中心点对齐到中间“十”字上。
2)在第10帧上插入一个关键帧,将星星Y轴下调130像素,旋转90度,并与第一帧之间创建补动画。
addEvent(,‘mousemove’, function (e) {
e = e || ;
= ;
= ;
})
},
start : function () {
var k = 180 / , OO, o, _this = this, fn = ;
OBJ[N++] = OO = new CObj(null, 0, 0);
function onMove(evt:Event){
if(nCount %3 == 0){
var _mc:mouse_mc = new mouse_mc();
_ = ;
_ = ;
addChild(_mc);
}
nCount++;
position: absolute;
width: 100%;
height: 100%;
}
#screen span {
background: #fff;
font-size: 0;
overflow: hidden;
width: 2px;
height: 2px;
}
var Follow = function () {
= config || {};
= $(id);
sp = || 4;
rs = || 1;
m = {x: $(id).offsetWidth * .5, y: $(id).offsetHeight* .5};
();
();
}
= {
setXY : function () {
var _this = this;
flash常见的鼠标跟随效果flash常见的鼠标跟随效果flash中的鼠标可以更有个性些做起来也不算复杂比如把鼠标指针换成你喜欢的样子或让鼠标指针有一个灵动飘逸的跟随如下图中的效果怎么样
一款鼠标跟随特效代码
篇一:网页制作特效——鼠标特效代码
网页制作特效——鼠标特效
说明:选择下列特效中的一种,选择其中蓝色的部分,粘贴在html的之间,预览效果。
(二)很酷的跟随鼠标的三色彩带
之间-->
篇二:简单的网页鼠标跟随代码
放入标签中就OK
html {
overflow: hidden;
}
body {
position: absolute;
height: 100%;
width: 100%;
margin:0;
padding:0;
}
#screen {
background:#000;
time = new Date ();
secs = ();
sec = - + * secs/30;
mins = ();
min = - + * mins/30;
hr = ();
hrs = - + * hr/6+*parseInt(())/360;
if (ie){
=;
=;
=;
=;
=;
}
for (i=0; i
arrTextSprite[0].x = + 20;
arrTextSprite[0].y = + 10;
var speed: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; }
一、例1:让鼠标指针变变样:
把鼠标变成上面第一个图的样子,当然你爱咋样子的都行,比如一个字,一种形状,一张图片都行。
过程:
1)插入一个元件,类型为影片剪辑,自己动手画个形状吧,像上面图一那样的也行,这不要紧,要紧的是在元件编辑视图下,要将这个图形的左上角对准中心的十字,否则鼠标定位时会有误差,如图:
(一)时钟环绕鼠标
之间-->
”;
props2=““;
Split=360/n;
Dsplit=360/;
HandHeight=ClockHeight/
HandWidth=ClockWidth/
HandY=-7;
HandX=-;
scrll=0;
step=;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
6)图层1的最后一帧(第30帧)添加代码stop(),即播放到最后停止。
( 四)添加类:
在库中找到刚才做好的动画影片剪辑元件, “右击——链接”,如图勾选两个选项,“类”后面输入:mouse_mc,基类保留默认。
(五)在主场景第一帧中加入代码:
(_MOVE,onMovewenku.baidu.com;
var nCount:uint = 0;
function Mouse(evnt){
ymouse = (ns)?+ClockFromMouseY-():+ClockFromMouseY; xmouse = (ns)?+ClockFromMouseX:+ClockFromMouseX;
}
(ns)?=Mouse:=Mouse;
function ClockAndAssign(){
3)在时间轴上,再添加四个图层,分别为“图层2到图层5”,再将“图层1”已经做
好的帧分别复制粘贴到这四个图层上,如下图左:
4)由下往上,将各图层第一帧上的星星透明度分别调整为20%、40%、60%、80%、100%,最后一帧上的星星透明度都调为0%全透明。
5)再如上图右边那样,将各图层的第一层和最后一帧的位置拖动到适当的位置上
= + 20;
= + 10;
var speed:uint = 3;
for (var i: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是一样的,把图片换成一个个文字,其他的过程一样,数量有些不同,改改相关的代码即可。但这个例子,想和大家一起用代码方式做,代码如下,不理解也没关系,复制到第一帧上,可以改一改跟随文字,比如把“打倒日本帝国主义”改成“钓鱼岛是中国的固有领土”,呵呵:
for(var i=0;i
new Follow(‘screen’, {speed: 4,
animR : 2,
fn : function (i, j) {
return {
x : j/4*(i),
y : j/4*(i)
}
}})
篇三:Flash常见的鼠标跟随效果
[Flash常见的鼠标跟随效果
flash中的鼠标可以更有个性些,做起来也不算复杂,比如把鼠标指针换成你喜欢的样子,或让鼠标指针有一个灵动飘逸的跟随,如下图中的效果,怎么样?动手试试:
for (i; i<_; i++) {
arrTextSprite[i] = addTextField(_(i));
(arrTextSprite[i]);
}
arrTextSprite[0].startDrag(false);
(_FRAME,myMouse);
function myMouse(evt:Event) {
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]+’’);
按“从小到大”的顺序操作,是为了叠放次序,后来居上:虽然在同一时间轴图层上,但后转换成影片剪辑的会居上方。
3)同样从小到大,依次取实例名为:
level0、 level1、 level2、 level3、 level4、level5
4)在帧上加一些简单的代码即可:
(false);
(_FRAME,myMouse);
= 20;
= 20;
= false;
= false;
= myTextFormat;
= str;
////将文本框加入到Sprite,就像是在舞台上将一个文本框转换成影片剪辑
var mySprite:Sprite = new Sprite();
(myTextField);
return mySprite;
(‘‘);
(‘‘);
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;
mouse_ = mouseX;
mouse_ = mouseY;
}
();
其中(); 的作用是隐藏默认的鼠标指针,如果要恢复显示:();
二、例2:鼠标指针后面跟随飘逸的枫叶:
过程:
1)把这几张图下载到你的电脑上,并导入到flash库中去。
2)把这些图拖到舞台上去,按图从小到大的顺序依次分别右击他们,并选“转换成元件——影片剪辑——确定”:
}
//*********************复制到这一行结束
*******************************************
四、例4:群星飞瀑鼠标跟随效果
过程:
(一)新建一个flash文档,背景为黑色,帧频为20。
(二)绘制星星:
1)插入一个元件,类型为“图形”,确定后进入到元件编辑状态下,适当放大视图,然后进行绘图。
var $ = function (i) {return (i)},
addEvent = function (o, e, f) { ? (e, f, false) : (‘on’+e, function(){(o)})},
OBJ = , sp, rs, N = 0, m;
var init = function (id, config) {
}
function addTextField(str:String):Sprite {
////定义字体风格
var myTextFormat:TextFormat = new TextFormat();
= 15;
= ;
////添加文本框并应用风格
var myTextField:TextField = new TextField();
[小技巧:直接在舞台上绘图,完成后全选并右击,选择“转换为元件——影片剪辑——确定”,这样做影片剪辑,会自动对齐。]
2)把影片剪辑放到舞台上,实例名为:mouse_mc
3)在帧上加代码,非常简单:
mouse_(false);
(_FRAME,myMouse);
function myMouse(evt:Event) {
//*************************从这里复制开始
**************************************
var _text:String =“打倒日本帝国主义”;
var i:uint = 0;
var arrTextSprite:Array = new Array();
2)画一个无线框圆,白色,透明度33%,再调成纵向窄条;画一个无边线六边形,白色,透明66%,拽一拽上下两个顶点,让它们不那么冒尖,然后再调成窄条;再制一个窄条,透明度调成100%,即不透明。将三个窄条组合,调整长短、宽窄,然后叠起来;最后再复制一下,叠成十字形状,如下图:
3)画三个圆,无边线,白色,透明分别为33%、66%、100%,再将它们组合、重叠起来,调整好大小位置,如图:
4)将十字和圆圈叠起来,调好适当大小位置,并组合;将组合图中心点对齐到“十”字上,大小设为16*16像素,一个小星星,如图:
(三)制作星星播放动画:
1)插入一个元件,类型为“影片剪辑”,进入到元件编辑视图下,在第一帧上,将刚才做好星星拖入,中心点对齐到中间“十”字上。
2)在第10帧上插入一个关键帧,将星星Y轴下调130像素,旋转90度,并与第一帧之间创建补动画。
addEvent(,‘mousemove’, function (e) {
e = e || ;
= ;
= ;
})
},
start : function () {
var k = 180 / , OO, o, _this = this, fn = ;
OBJ[N++] = OO = new CObj(null, 0, 0);
function onMove(evt:Event){
if(nCount %3 == 0){
var _mc:mouse_mc = new mouse_mc();
_ = ;
_ = ;
addChild(_mc);
}
nCount++;
position: absolute;
width: 100%;
height: 100%;
}
#screen span {
background: #fff;
font-size: 0;
overflow: hidden;
width: 2px;
height: 2px;
}
var Follow = function () {
= config || {};
= $(id);
sp = || 4;
rs = || 1;
m = {x: $(id).offsetWidth * .5, y: $(id).offsetHeight* .5};
();
();
}
= {
setXY : function () {
var _this = this;
flash常见的鼠标跟随效果flash常见的鼠标跟随效果flash中的鼠标可以更有个性些做起来也不算复杂比如把鼠标指针换成你喜欢的样子或让鼠标指针有一个灵动飘逸的跟随如下图中的效果怎么样
一款鼠标跟随特效代码
篇一:网页制作特效——鼠标特效代码
网页制作特效——鼠标特效
说明:选择下列特效中的一种,选择其中蓝色的部分,粘贴在html的之间,预览效果。
(二)很酷的跟随鼠标的三色彩带
之间-->
篇二:简单的网页鼠标跟随代码
放入标签中就OK
html {
overflow: hidden;
}
body {
position: absolute;
height: 100%;
width: 100%;
margin:0;
padding:0;
}
#screen {
background:#000;
time = new Date ();
secs = ();
sec = - + * secs/30;
mins = ();
min = - + * mins/30;
hr = ();
hrs = - + * hr/6+*parseInt(())/360;
if (ie){
=;
=;
=;
=;
=;
}
for (i=0; i
arrTextSprite[0].x = + 20;
arrTextSprite[0].y = + 10;
var speed: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; }
一、例1:让鼠标指针变变样:
把鼠标变成上面第一个图的样子,当然你爱咋样子的都行,比如一个字,一种形状,一张图片都行。
过程:
1)插入一个元件,类型为影片剪辑,自己动手画个形状吧,像上面图一那样的也行,这不要紧,要紧的是在元件编辑视图下,要将这个图形的左上角对准中心的十字,否则鼠标定位时会有误差,如图:
(一)时钟环绕鼠标
之间-->
”;
props2=““;
Split=360/n;
Dsplit=360/;
HandHeight=ClockHeight/
HandWidth=ClockWidth/
HandY=-7;
HandX=-;
scrll=0;
step=;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
6)图层1的最后一帧(第30帧)添加代码stop(),即播放到最后停止。
( 四)添加类:
在库中找到刚才做好的动画影片剪辑元件, “右击——链接”,如图勾选两个选项,“类”后面输入:mouse_mc,基类保留默认。
(五)在主场景第一帧中加入代码:
(_MOVE,onMovewenku.baidu.com;
var nCount:uint = 0;
function Mouse(evnt){
ymouse = (ns)?+ClockFromMouseY-():+ClockFromMouseY; xmouse = (ns)?+ClockFromMouseX:+ClockFromMouseX;
}
(ns)?=Mouse:=Mouse;
function ClockAndAssign(){
3)在时间轴上,再添加四个图层,分别为“图层2到图层5”,再将“图层1”已经做
好的帧分别复制粘贴到这四个图层上,如下图左:
4)由下往上,将各图层第一帧上的星星透明度分别调整为20%、40%、60%、80%、100%,最后一帧上的星星透明度都调为0%全透明。
5)再如上图右边那样,将各图层的第一层和最后一帧的位置拖动到适当的位置上