一、 字符随鼠标漂动

　　这个特效可以让你的鼠标在网页上移动时，在鼠标的后面会有你指定的文字跟着漂动，这个特效足可以让你的主页新鲜一阵了。下面就是它的源代码。

　　首先在你html文件的＜head＞与＜/head＞之间加上:

　　＜style＞ .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:verdana; font-weight:bold; color:red; } ＜/style＞

　　＜script＞ var x,y var step=20 var flag=0 var message="柳苑工作室http://pagestar.yeah.net" 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.clientx y = (document.layers) ? e.pagey : document.body.scrolltop+event.clienty 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＞

　　然后把你html文件的＜body＞部分改为:

　　＜body onload="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"＞

　　最后再把下面代码加入你html文件＜body＞和＜/body＞之间:

　　＜script＞ 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; ＜/script＞

　　这样一个效果不错的javasript特效就做成了，只是你要把上面有下划线地方的文字换成你的内容，否则你网页上就会漂出我的主页名称和地址哟。怎么样，很酷吧。

　　二、 显示访问者的停留时间

　　这个特效可以让你的主页出现一个数字时钟，上面能显示访问者在你的主页上所停留的时间(见图一)。下面是这个javasript特效的源代码。

　　首先在你html文件的＜head＞与＜/head＞之间加上:

　　＜script language="javascript"＞ ＜!-- var ap_name = navigator.appname; var ap_vinfo = navigator.appversion; var ap_ver = parsefloat(ap_vinfo.substring(0,ap_vinfo.indexof('('))); var time_start = new date(); var clock_start = time_start.gettime(); var dl_ok=false; function init () { if(ap_name=="netscape" && ap_ver＞=3.0) dl_ok=true; return true; } function get_time_spent () { var time_now = new date(); return((time_now.gettime() - clock_start)/1000); } function show_secs () // show the time user spent on the side { var i_total_secs = math.round(get_time_spent()); var i_secs_spent = i_total_secs % 60; var i_mins_spent = math.round((i_total_secs-30)/60); var s_secs_spent = "" + ((i_secs_spent＞9) ? i_secs_spent : "0" + i_secs_spent); var s_mins_spent = "" + ((i_mins_spent＞9) ? i_mins_spent : "0" + i_mins_spent); document.time.time_spent.value = s_mins_spent + ":" + s_secs_spent; window.settimeout('show_secs()',1000); } --＞ ＜/script＞

　　然后把你html文件的＜body＞改为:

　　＜body onload="init(); window.settimeout('show_secs()',1);"＞

　　最后在你html文件的＜body＞与＜/body＞之间加上:

　　＜form name="time" onsubmit="0"＞ ＜p＞你的停留?r间为:＜br＞ ＜input type="text" name="time_spent" size="7" onfocus="this.blur()" bgcolor="#ffffcc"＞ ＜/form＞

　　这样你的主页上就有了一个可以记载访问者停留时间的时钟了。

　　上面这两个javasript特效是笔者所见过的很好的网页特效了，只要你合理运用，一定会为你的网页增添色不少。如果你觉得写javasript代码很麻烦的话，可以到我的主页http://pagestar.yeah.net/ 去下载javasript源代码，当然我的主页上还有更多的javasript特效供你下载呢。