page

跟随鼠标指针一起转移的文字（Ａ款：呈蜿蜒状）

说明

一行字紧跟在鼠标指针后面一起移动；鼠标指向哪，这行字也跟着转移到哪；转移时这串字呈蜿蜒状。
我们可以把这行字设计成刚一打开网页便出现，并跟着鼠标在页面上到处移动；或者也可以把这行字设计成只有当鼠标指向某个地方时才出现，鼠标离开这块地方它就消失。

效果

你现在已经看到了能够跟随鼠标在整个页面上移动的那一串字。
。

源码

第一个模式：一串字紧随鼠标指针在整个页面上到处移动——
在你的网页源文件内插进如下脚本，任何位置均可：

message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-200
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}

setTimeout("follow_me()",30)

}

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' style='COLOR: #00cccc; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible'>")   //字的颜色、字体、字号可以修改。
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}

document.onmousemove = handlerMM;
follow_me();
</script>

上述脚本里的文字提示（二个斜杠及其后面的汉字）是可以删除的。

第二个模式：一串字只能在某个网页元素上移动，鼠标离开，字就消失——
在 <body> </body> 区间内需要加上此款特效的地方插进如下代码：

<span id='example' style='VISIBILITY: visible'>
<script>
var x,y
var step=18                                               //字的间距，可以改动。
var flag=0
var message="☆我的活动范围只局限于这里☆ "               //文字信息，可以改动。

message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-200
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

timer=setTimeout("here_only()",30)
}

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' style='COLOR: #00cc0c; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px'>")      //字的颜色、字体、字号可以修改。
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}

document.onmousemove = handlerMM;
</script>
</span>
<input type='button' value=' 鼠 标 移 过 来 ' onmouseover='here_only();example.style.visibility="visible"' onmouseout='clearTimeout(timer);example.style.visibility="hidden"'>

上述代码里的文字提示（二个斜杠及其后面的汉字）是可以删除的。并且，上述代码里的 input type='button' 元素只是一个范例，在具体应用时你可以把它替换成你需要的网页元素。

帮助

本范例中，尾随鼠标指针的这一行字是横着排列的，你可以把这一行字变为竖着排列。