一、鼠标跟随怎么弄。最好是文字的。
用鼠标跟随地址(代码)在QQ空间创建flash鼠标跟随模块,放到空间首页其它模块的顶层,这样自己或是来空间的人鼠标移到模块上时就会出现跟随特。
首先要把QQ空间布局设置成“自由”(这样才能随意移动模块位置和调整模块大小)。
设置方法:点空间右上方“装扮空间”→“高级设置”(左边板式布局)→板式建议选择“宽版”,布局选择“自由”→右上角“保存”。
1:登录QQ空间→右上方“装扮空间”→“增删模块”→“新建模块”→选择模块flash动画模块、视频模块;
2:模块编辑窗口:标题那里随便写,把复制来的flash地址粘贴到地址框里(注:地址框里已经有了“http://”,请清除后再粘贴进去,不要重复了);
链接打开方式:循环前面勾上、自动播放前面勾上、Flash透明前面勾上
模块边框:选择无 flash尺寸:一般不用管它(等下手动调节)
设置好后点下方“确认”(模块就会显示在下方的主页上了);
4:调整模块:鼠标点按模块上沿不放拖动模块的位置;鼠标移到模块右下角会出现类似“三角形”,鼠标移到三角形上面看到指针变成双休箭头后,拉动箭头调整模块大小;鼠标右键单击模块上沿,在弹出的菜单里进行相关设置(编辑、移动到顶层、移动到上一次、移动到下一层、移到底层、移除模块);
1粉:http://flash.meqzone.com/meqzone/flash/mouse/1_1.swf?txt=欢迎光临
2绿:http://flash.meqzone.com/meqzone/flash/mouse/1_2.swf?txt=欢迎光临
3红:http://flash.meqzone.com/meqzone/flash/mouse/1_3.swf?txt=欢迎光临
4蓝:http://flash.meqzone.com/meqzone/flash/mouse/1_4.swf?txt=欢迎光临
5黄:http://flash.meqzone.com/meqzone/flash/mouse/1_5.swf?txt=欢迎光临
1粉:http://flash.meqzone.com/meqzone/flash/mouse/4_1.swf?txt=欢迎光临
2绿:http://flash.meqzone.com/meqzone/flash/mouse/4_2.swf?txt=欢迎光临
3蓝:http://flash.meqzone.com/meqzone/flash/mouse/4_3.swf?txt=欢迎光临
4白:http://flash.meqzone.com/meqzone/flash/mouse/4_4.swf?txt=欢迎光临
1红:http://flash.meqzone.com/meqzone/flash/mouse/2_1.swf?txt=欢迎光临
2白:http://flash.meqzone.com/meqzone/flash/mouse/2_2.swf?txt=欢迎光临
3紫:http://flash.meqzone.com/meqzone/flash/mouse/2_3.swf?txt=欢迎光临
4蓝:http://flash.meqzone.com/meqzone/flash/mouse/2_4.swf?txt=欢迎光临
5绿:http://flash.meqzone.com/meqzone/flash/mouse/2_5.swf?txt=欢迎光临
1紫:http://flash.meqzone.com/meqzone/flash/mouse/3_1.swf?txt=欢迎光临
2红:http://flash.meqzone.com/meqzone/flash/mouse/3_2.swf?txt=欢迎光临
3黄:http://flash.meqzone.com/meqzone/flash/mouse/3_3.swf?txt=欢迎光临
4蓝:http://flash.meqzone.com/meqzone/flash/mouse/3_4.swf?txt=欢迎光临
5绿:http://flash.meqzone.com/meqzone/flash/mouse/3_5.swf?txt=欢迎光临
可以把后面的欢迎光临换成你想说的任何话。
二、如何在电脑上弄鼠标跟随
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
三、随鼠标移动的文字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()"。
这样在浏览器中,“欢迎光临!”这几个字就会紧跟鼠标移动,到达新位置后还会左右移动。若是把《三维环绕文字效果制作》一文中的文字移动效果用在本例上,则文字就会绕着鼠标位置旋转。
好了,本文到此结束,如果可以帮助到大家,还望关注本站哦!