每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

关闭顶部展开顶部

展开边栏关闭边栏

网页特效代码模板无忧>网页特效>键盘鼠标特效代码>

收藏分享查看评论键盘鼠标

跟随鼠标的幻影文字_键盘鼠标特效

查看演示效果

特效Tag：文字幻影添加

缁囨ⅵDedeCMS瑙嗛鏁欑▼涔扮┖闂� 绉熸湇鍔″櫒閫夌綉纭曚簰鑱旓紒 鏃犲咖绔欓暱宸ュ叿,鐧惧害鏉冮噸涓€閿叏鏌�!

跟随鼠标的幻影文字,您可以先修改部分代码再运行.

<html>

<head>
<title>模板无忧--跟随鼠标的幻影文字</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>

所属频道：键盘鼠标特效/更新时间：2012-05-08

[收藏][报错][返回列表]

评论加载中....

相关键盘鼠标特效：

键盘鼠标特效Rss订阅特效代码搜索

键盘鼠标特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索跟随鼠标的幻影文字
特效说明：
键盘鼠标模板-跟随鼠标的幻影文字。

鏀惰棌&鍒嗕韩

QQ绌洪棿鏂版氮寰崥鑵捐寰崥浜轰汉缃�寮€蹇冪綉鐧惧害鎼滆棌澶嶅埗缃戝潃鏇村...