鼠标跟随的幻影文字鼠标特效__脚本特效_后台技术飞飞Asp技术乐园

＞设为首页

＞收藏本站

＞最新电影

首页运营资讯今日英语图形图像计算机技术 Asp编程网站结构化资源共享休闲娱乐访问新站

您现在的位置：首页=>后台技术=>脚本特效=>鼠标特效

订阅本栏目

鼠标跟随的幻影文字

时间： 2007-10-02 12:57:51　阅读次数：2179

<html>

<head>
<title>网页特效|www.ffasp.com 飞飞Asp乐园|---跟随鼠标的幻影文字</title>
</head>
<body>
<script LANGUAGE="JavaScript">
<!-- Begin
message = '欢迎进入我的网站';
FonT = 'Verdana';
ColoR = 'ff0000';
SizE = 3; //1 to 7 only!

var amount = 5, ypos =- 50, xpos = 0, Ay = 0, Ax = 0, By = 0, Bx = 0, Cy = 0, Cx = 0, Dy = 0, Dx = 0, Ey = 0, Ex = 0;
if (document.layers) {
for (i = 0; i < amount; i++) {
document.write('<layer name=nsl'+i+' top=0 left=0><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></layer>');
}
window.captureEvents(Event.MOUSEMOVE);
function nsmouse(evnt) {
xpos = evnt.pageX + 20;
ypos = evnt.pageY + 20;
}
window.onMouseMove = nsmouse;
}
else if (document.all) {
document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>");
document.write("<div style='position:relative'>");
for (i = 0; i < amount; i++) {
document.write('<div id="text"'+i+' style="position:absolute;top:0px;left:0px;width:400px;height:20px"><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></div>')
}
document.write("</div>");
document.write("</div>");
function iemouse() {
ypos = event.y + 20;
xpos = event.x + 20;
}
window.document.onmousemove = iemouse;
}
function makefollow() {
if (document.layers) {
document.layers['nsl'+0].top = ay;
document.layers['nsl'+0].left = ax;
document.layers['nsl'+1].top = by;
document.layers['nsl'+1].left = bx;
document.layers['nsl'+2].top = cy;
document.layers['nsl'+2].left = cx;
document.layers['nsl'+3].top = Dy;
document.layers['nsl'+3].left = Dx;
document.layers['nsl'+4].top = Ey;
document.layers['nsl'+4].left = Ex;
}
else if (document.all) {
outer.style.pixelTop = document.body.scrollTop; 
text[0].style.pixelTop = ay;
text[0].style.pixelLeft = ax;
text[1].style.pixelTop = by;
text[1].style.pixelLeft = bx;
text[2].style.pixelTop = cy;
text[2].style.pixelLeft = cx;
text[3].style.pixelTop = Dy;
text[3].style.pixelLeft = Dx;
text[4].style.pixelTop = Ey;
text[4].style.pixelLeft = Ex;
   }
}
function move() {
ey = Ey += (ypos - Ey) * 0.2;
ex = Ex += (xpos - Ex) * 0.2;
dy = Dy += (ey - Dy) * 0.3;
dx = Dx += (ex - Dx) * 0.3;
cy = Cy += (dy - Cy) * 0.4;
cx = Cx += (dx - Cx) * 0.4;
by = By += (cy - By) * 0.5;
bx = Bx += (cx - Bx) * 0.5;
ay = Ay += (by - Ay) * 0.6;
ax = Ax += (bx - Ax) * 0.6;
makefollow();
setTimeout('move()', 100);
}
window.onload=move;
//  End -->
</script>

</body>
</html>

提示：您可以先修改部分代码再运行

下一篇鼠标跟随的飘带文字

上一篇Windows自定义鼠标

本栏目最新

栏目最新列表

带箭头的漂亮的鼠标跟随提示信息

鼠标跟随提示信息

页面黑客帝国效果

鼠标紧随的流动彩色字串

鼠标围绕盘旋的鸟

网站优化策划

栏目最新列表

增加网站外链的快速方法

网站上线前必做的30个检查

新的友情链接参考标准（没有google的PR情况

优化Google的AdSense广告的五个工具

王通讲SEO八大基础

站点最新

站点最新列表

微博推广的一些技巧

xhEditor v1.1.7 发布，

收集的一些轻量级非常实

50个新鲜兼容最新版本的

javascript中cookie的设

Excel中出现#VALUE!、#D

jquery插件:飞飞表情插件

十个使用HTML5开发的精彩

支持HTML5的浏览器有哪些

飞妮莫属:漫画：如何写出

历史最热10条信息

MIME介绍及 [1] [2] [3]

巧用Google和迅雷来下载

Transact SQL 常 [1] [2]

VIA Rhine II Fast Ethe

电脑常用端 [1] [2] [3]

Do you get a kick out

十道羊皮卷欣赏+mp3版+

每日一句：A friend and

每日一句：Theres no tu

经典__悟透JavaScript

width=

伟哥博客西安房产 123最新电影三四六四

关于站点 | 免责声明 | 联系站长 | 网站地图 | 陕ICP备07002804号 WEB技术QQ交流群：72840059

©2007 ffasp.com. 版权所有