首页网页特效库

首页 > 特效 > 鼠标特效 > 正文

跟随鼠标的幻影文字

2009-12-19 鼠标特效 159℃

<span id="ContentArea"><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></span>

相关特效代码

热门特效代码: 围绕鼠标的立体星环（摩天轮）; 围绕鼠标的立体旋转文字; 经典鼠标跟随特效; 鼠标放在图片上打开新链接; 随鼠标的一群小点; 小巧实用的鼠标时钟跟随; 跟随鼠标的日期时间表盘; 强制点击广告代码; 会下雪的鼠标,好玩; 鼠标单击处崩出七彩星星

推荐特效代码: 围绕鼠标的立体旋转文字; 强制点击广告代码; 小巧实用的鼠标时钟跟随; 鼠标玄酷星形跟随特效; 舞动星星包围你的鼠标; 点击会变色哦

网站首页 | 关于我们 | 游客留言 | 网站地图 | 免责声明 | 返回顶部