七月网

鼠标跟随代码(鼠标跟随特效代码)

七月网4330

一、如何在电脑上弄鼠标跟随

1、我这有:第一个是鼠标跟随星星的效果!

鼠标跟随代码(鼠标跟随特效代码)

2、新建场景并新建一个影片剪辑star(跟随对象)

3、在第一帧绘制一个10*10大小的五角星(30度角)

4、在20帧建关键帧将颜色Alpha值为0%并添加动作stop();

5、新建一个影片剪辑act并在1帧添加动作

6、startDrag("/act",true);//元件act跟踪鼠标

7、setProperty("/star",_rotation, b);//元件star的旋转值为b

8、duplicateMovieClip("/star","aaa"add a,eval("a"));

9、setProperty("/star",_x, getProperty("/act",_x));

10、setProperty("/star",_y, getProperty("/act",_y));

11、在第2帧添加动作gotoAndPlay(1);

12、转换到场景将影片剪辑star和act拖入并分别命名为star和act

13、新建场景并新建7个文字影片剪辑和 tracker影片剪辑

14、新建一个影片剪辑act并在1帧添加动作

15、set("/t" add i add":xx",eval("/t" add(i-1)add":xx")+15);

16、set("/t" add i add":yy",eval("/t" add(i-1)add":yy"));

17、/t1:xx=number(getProperty("/tracker",_x))+15;

18、/t1:yy=getProperty("/tracker",_y);

19、setProperty("/t"add i,_x, eval("/t"add i add":xx"));

20、setProperty("/t"add i,_y,eval("/t"add i add":yy"));

21、在第2帧创建关键帧添加动作gotoAndPlay(1);

22、转换到场景将影片剪辑tracker拖入并命名为tracker

23、在1帧添加动作startDrag("/tracker",true);

24、在2帧创建关键帧添加动作stop();

25、将影片剪辑act拖入和文字分别拖入并命名为t1,t2,……t7

二、FLASH鼠标跟随代码 怎么用

1、一、首先绘制鼠标的替代物,将其选后,右击,转为元件,类型为影片剪辑

2、二、选择影片剪辑,在属性面板上为它命实例名,如“a“

3、三、在关键帧上右击,选择动作命令,输入下面的语句:

4、四、按CTRL+ENTER可以观看到效果

5、需要注意的是:这只是AS 2。0的代码,3。0的代码跟这不一样。

6、但是制作出来的动画放在网页上,效果是一样的

7、代码中的大小写要完全相同,标点符号也要完全相同,不然会出现语法错误!!!

三、随鼠标移动的文字HTML的代码怎么写

我们常在一些网站中看到,鼠标在网页上移到时,有一行文字、一张小图片或一个小动画总是跟着鼠标,除非把鼠标移出页面,否则,它就总是紧跟鼠标不放。你知道这种效果是怎么做出来的吗?你可能感到比较复杂。其实它是用Javascript编一段小程序来实现的,且程序也不长,也比较好理解。下面让我们来揭下它的面纱看看。

程序思路:图层可以用绝对坐标来确定其在页面中的位置,那么我们把图片、动画或文字放到图层上,再想办法动态获取鼠标的当前位置,再把图层移到鼠标的当前位置,那图层上的内容(图片、动画或文字)不也就移到当前鼠标的位置了吗?这样就达到了图片、动画或文字随鼠移动的目的了。

一、一个简单的图片、动画或文字随鼠标移动的例子

1、在 Dreamweaver3中,插入一个图层,在图层上写上要跟随鼠标移到的文字或图片。

2、在图层的属性面板上把“Layer ID”(图层的ID号)改为“div1”,以便程序操作;“T”值改为“-50”,使其初始位置在页面外;“Z-index”(层序号)值改为“50”,使其在最上层,不被其它层遮盖。完成后的图层代码如下,不是使用 Dreamweaver的网友可把代码复制到<body>标记的后面:

<div id="div1" style="position:absolute; left:250px; top:118px; width:60px; height:37px; z-index:"50"><img src="image/0050.gif" width="32" height="32">图、文跟鼠标试验</div>,这里的图片和文字可换成你所需要的。

3、在<head>与</head>之间加上这样一段程序:

<SCRIPT language="javascript">

var x,y;//声明存放当前鼠标位置坐标的变量

var can=0//声明能否移动的控制变量

function canmove(){//控制能否移动的函数

x=document.body.scrollLeft+event.clientX;//获取当前鼠标位置的X坐标

y=document.body.scrollTop+event.clientY;//获取当前鼠标位置的Y坐标

function move(){//移动图层的函数

div1.style.posLeft=x+20;//设置图层位置的X坐标

div1.style.posTop=y;}//设置图层位置的Y坐标

setTimeout("move()",30)}//每30毫秒刷新一次图层位置坐标

只要这几行代码就能使图片或文字跟着鼠标跑,有点出乎意料吧!事实就是这么简单。当然,这是最简单的一种,你可能看到的有些网页上的效果在移动的过程比这要复杂一些,但都是在这个基础上增加一些移动的变化过程而已。

4、当然要使真正的效果出现,还得在<body>标记中加上触发事件调用程序,使程序动作起来。在<body>标记中加上代码:onload="move()" onmousemove="canmove()",前一个函数的作用是在网页加载时就调用“move()”程序,使其开始刷新图层的位置坐标;后一个事件的作用是,一旦在页面上移动鼠标,就重新计算它的位置坐标。

在上例的基础上稍作一些改动,可获得更好的效果,如使“欢迎光临!”这几个字不仅是分开移动,在移到新位置后,还不停地左右移动,似乎在列队欢迎。要实现移动过程的变化,就要把每个文字分开,一个图层放一个字(或一张图片),然后分开移动到新的位置。所以为了方便,用数组来存放图层的位置坐标。另外,由于图层较多,插入图层比较麻烦,也会使代码大增加,因此采用了动态编写图层代码的办法。制作方法如下:

1、在<head>与</head>之间插入下面这段程序:

<SCRIPT language="javascript">

var information="欢迎光临!";//在这里写入跟随鼠标移动的文字

information=information.split("");//把字符串拆分成单个的文字

Il=information.length;//获取字符的个数,存放在Il变量中

var xpos=new Array()//声明一个数组,存放各图层的X位置坐标

for(i=0;i<=Il-1;i++){//给数组赋初值

var ypos=new Array()//声明一个数组,存放各图层的Y位置坐标

for(i=0;i<=Il-1;i++){//给数组赋初值

x=document.body.scrollLeft+event.clientX;

y=document.body.scrollTop+event.clientY;

if(k<40){step--;}else{k=0;}//计算图层左右移动的偏移量

for(i=Il-1;i>=1;i--){//计算各图层在新位置的X、Y坐标

for(i=0;i<Il-1;i++){//改变各图层位置的X、Y坐标,使其移到新的位置

var thisdiv=eval("div"+(i)+".style");

setTimeout("move()",30)}//每30秒刷新一次

2、在<body>标记的后面加上这段程序:

<script language="Javascript">

document.write("<div id='div"+i+"' style='position:absolute;top:-50px; font-size: 9pt;font-weight: 800; color:#0000FF'>"+information[i]+"</div>");

这段程序的作用是动态自动编写存放移动文字图层的HTML代码,并把相应的文字写在上面。

3、在<body>标记中加上代码:onload="move()" onmousemove="canmove()"。

这样在浏览器中,“欢迎光临!”这几个字就会紧跟鼠标移动,到达新位置后还会左右移动。若是把《三维环绕文字效果制作》一文中的文字移动效果用在本例上,则文字就会绕着鼠标位置旋转。

好了,文章到这里就结束啦,如果本次分享的鼠标跟随代码和鼠标跟随特效代码问题对您有所帮助,还望关注下本站哦!