发信人: eagle()
整理人: eagle(2000-10-10 11:45:36), 站内信件
|
昨天在网上看到一个不错的特效, 无论鼠标移动到哪里,其后都有一串文字
跟随. 详细的效果请参看如下的连接:
http://myhome.py.gd.cn/eagle/demo/trail.html
网页的全部代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:9pt;
font-family:Verdana;
font-weight:normal;
color:red;
}
</style>
<script>
/*
Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)
Permission given to Dynamicdrive.com to feature script in it's
archive.For full source code, installation instructions, and
1000's more DHTML scripts, visit http://dynamicdrive.com
*/
var x,y
var step=10
var flag=0
/*
Your snappy message. Important:
the space at the end of the sentence!!!
*/
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]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.cli
entX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clie
ntY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
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("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
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]
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
<title>Cursor Trailor Text</title>
</head>
<body BGCOLOR="000000" text="#FFFFFF" link="RED"
vlink="#66CCCC" alink="red" onLoad="makesnake()"
style="width:100%;overflow-x:hidden;overflow-y:scroll">
<!-- ***** begin Cursor Trailer text body code ************ -->
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
<!-- ***** End Cursor Trailer text bocy code ************ -->
</BODY>
</HTML>
--
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
http://gzeagle.163.net/ http://gzeagle.yeah.net
Java，JavaScript，网页设计，mIRC、ICQ、Dreamweaver...
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 202.104.34.117]
|
|