地图
广告
招租
←—
订阅
投稿
网站首页
特效代码
素材资源
seo优化
网络营销
网站建设
免费空间
工具软件
您的位置:
网站首页
>
特效代码
>
鼠标特效代码
> 正文:
跟随鼠标的幻影文字
鼠标特效代码
跟随鼠标的幻影文字
日期:2011-12-24 16:30:00 标签:
鼠标特效
跟随鼠标的文字
鼠标跟随
幻影文字
js特效
∷
PC蛋蛋 赚积分 换Q币!>>>更多礼品兑换
<span id="ContentArea"><html> <head> <title>跟随鼠标的幻影文字丨芯晴网页特效丨CsrCode.Cn</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> <p align="center">本特效由 <a href="http://www.CsrCode.cn" target="_blank">芯晴网页特效</a>丨CsrCode.Cn 收集于互联网,只为兴趣与学习交流,不作商业用途。</p>
提示:您可以先修改代码后再运行,复制和保存代码功能在Firefox下无效。
(
本站已开启防盗链,请根据代码中对应的url地址下载保存特效所需的图片、flash和js文件,请见谅,谢谢.
)
(本文由
CsrCode.CN
|
芯晴网页特效
收集丨
www.CsrCode.cn
)
本文网址:
上一篇:
跟随鼠标的雪花效果,非图片
下一篇:
经典的鼠标跟随特效-飘带文字效果
评论信息
抱歉,本文暂停评论留言。
栏目分类
·
菜单导航特效
·
图层样式特效
·
链接文本特效
·
网页图片特效
·
日期时间特效
·
页面窗口特效
·
鼠标特效代码
·
网页背景特效
·
表格表单特效
·
状态栏特效
·
页面搜索特效
·
其他特效代码
热门排行
一款javascript写的漂亮的鼠…
经典的鼠标跟随特效-飘带文字…
跟随鼠标的雪花效果,非图片…
很漂亮跟随鼠标的荧光照射效…
JS打造五彩色块跟随鼠标旋转…
跟随鼠标的幻影文字
又一款小巧实用的鼠标跟随时…
一个跟随鼠标的红色方块,非…
跟随鼠标的飘带文字
JS打造的跟随鼠标移动的小星…
推荐信息
一款非常精美的js鼠标跟随代…
围绕鼠标跳动的文字,可自定…
一款超酷的鼠标特效,随鼠标…
css定义鼠标光标不同样式
跟随鼠标移动的图片
CSS实现的鼠标悬停时滑出类似…
纯CSS实现的鼠标经过文本时的…
三色鼠标
特殊的鼠标悬停提示
流星疯狂攻击鼠标,适宜黑色…
相关信息
JS实现点击下拉框改变网页背…
美国VPS|加州|1024M内存|160…
又一款JS+CSS打造的灰色风格…
seo优化过程中关键词选择的5…
JS实现的隐藏源代码文件
芯晴网页特效
:
菜单导航特效
图形图像特效
图层样式特效
链接文本特效
日期时间特效
页面窗口特效
网页背景特效
鼠标特效代码
表格表单特效
状态栏特效
搜索特效
其他特效
网站首页
丨
网站地图
© Copyright 2009
CsrCode
-
芯晴网页特效
丨备案号:
浙ICP备15010075号-2
Alex排名
页面执行时间0.9375 s