模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
浏览器特效代码
>
收藏
分享
查看评论
浏览器
演示
跟随鼠标的幻影文字_浏览器特效
查看演示效果
特效Tag:
跟随鼠标
添加
跟随鼠标的幻影文字,是不是很酷?喜欢个性的朋友可不要错过哦,鼠标走到哪里它就跟到哪里,带拖影,比较炫!
<html> <head> <title>跟随鼠标的幻影文字</title> </head> <body> <script LANGUAGE="Javascript"> <!-- Begin message = '模板无忧'; FonT = 'Arail'; ColoR = '0066CC'; SizE =3; 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>
所属频道:
浏览器特效
/
更新时间:2013-06-16
[收藏]
[报错]
[返回列表]
相关
浏览器特效
:
JS判断客户端使用的访问设备并加载对应CSS
对输入文本框的内容作出检测
对链连接进行确认还能给出有关提示
检测浏览器去过站点
集成Cookies :能在页面显示用户的很多信息
显示随来访次数信息
禁用鼠标右键:禁用鼠标右键功能
离开页面,提示用户把本页添加到收藏夹
禁用鼠标左键:禁用鼠标左键功能
签名提示程序:提示用户签到,并在页面给出欢迎语
标题栏里的打字效果
检测出用户的IE浏览器所装插件数
浏览器特效Rss订阅
特效代码搜索
浏览器特效推荐
文字连接到的地方在状态栏上显示出来,可以作为导航信息
带弹性的鼠标跟随效果
鼠标点击后自动滚屏
跑马灯式的字符在状态栏上出现,一点出按钮就停止
不弹出询问提示直接关闭窗口的JS
直接生成打开窗口代码,不必下载
opener状态
打印设置与预览
流动性非常好的网页载入页面
在网页上显示跟随鼠标移动的十字形坐标
猜你也喜欢看这些
反应能力测试游戏,你能坚持多久?
JavaScript抽奖程序(模拟)
选择喜欢的女孩子类型噢~
推箱子
电梯
双人围格子游戏
魔方游戏网页版
JavaScript 跳跳球效果模拟
测测反应速度
俄罗斯方块
相关链接:
复制本页链接
|
搜索跟随鼠标的幻影文字
特效说明:
浏览器模板
-
跟随鼠标的幻影文字
。