网站首页
|
新闻
|
软件
|
Vista
|
硬件DIY
|
设计
|
欣赏
|
网络
|
病毒
|
开发
|
数据库
|
考试
|
英语
|
听力
|
范文
|
作文
|
管理
|
营销
|
专题
|
视频教程
|
网站地图
开发教室
程序设计
|
Delphi
|
Java
|
C++
|
VB
|
.NET
|
Css
|
Js
|
PHP
|
ASP
|
MySQL
|
数据库
|
WEB开发
|
网页特效
|
视频
首页
>
开发教室
>
网页特效
>
鼠标特效
> 正文
开发教室
跟随鼠标的幻影文字
2007-03-08 源自:
IT粉丝网
网友评论
0
条
进入视频教程
<html><head><title>网页<a href='http://www.itfensi.com/exploit/web/' target='_blank' class='infotextkey'>特效</a>|itfensi.com/Js|---跟随鼠标的幻影文字</title></head><body><script LANGUAGE="JavaScript"><!-- Beginmessage = '欢迎进入我的网站';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>
提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。
上一篇：
跟随鼠标的飘带文字
下一篇：
围绕鼠标的立体旋转文字
内容评论
文章纠错
发送朋友
收藏本文
复制本文链接(URL)发送给朋友：
相关内容
跟随鼠标的飘带文字
2007-03-08
跟随鼠标的弹性效果的运动图片
2007-03-08
跟随鼠标的图片
2007-03-08
评论
点击查看
通行证
密码
匿名发表
开发频道推荐
PHPnow轻松打造专业PHP服务器环境
轻松建立自己的网站 动易系统帮你完成
jsp环境下FCKeditor编辑器的应用
php教程：php设计模式介绍之单条模式
开发热点文章
疯狂攻击鼠标
类似Windows自定义过的鼠标
很酷的跟随鼠标的三色彩带
与以往不同的跟随鼠标的滚动文字
鼠标单击处崩出七彩星星
按住鼠标左键可以滚动页面
非常别致的一款方向光标
围绕鼠标旋转的红心，围绕方式多样
鼠标随移动的方向而改变
很有特色的荧光鼠标
编程开发视频
电脑维修视频
Visual Studio Team System面面观系列课程
Visual Studio .NET C#视频教程
2008 Powerpcb 5.0视频教程
PRTOEL99 SE在线视频教合集
UG4.0编程视频教程
Visual Studio NET 2008 开发特性视频教程
C语言视频教程(曾怡)
数据库基础讲座
数据结构课程-电子科技大学版
Delphi经典编程视频教程
HTTP基本操作实例教程
JPS基本操作实例教程
DOS基本命令视频教程
windows组策略使用视频
路由设置教程
微软mcse认证视频教程
Exchange Server 2007系列课程
windows2003从入门到精通系列
Windows原理 视频教程
计算机组成原理视频
ccna认证教程
网络安全视频教程 上海交大
freebsd视频教程
架设流媒体服务器
关于iT粉丝
/
大事记
/
广告服务
/
联系我们
/
网站地图
/
友情链接
/
用户注册
/
版权声明
/
加入我们
itFensi.com All Rights Reserved 版权所有·IT粉丝网
© 2006 - 2008
