提示:您可以先修改部分代碼再運行
<SCRIPT language=javascript>var cx=0; <!--定義顯示位置的橫座標-->var cy=0; <!--定義顯示位置的縱座標-->var val=0;function locate(){ cx=window.event.x;<!--獲得當前滑鼠的橫座標--> cy=window.event.y; <!--獲得當前滑鼠的縱座標-->}document.onmousemove=locate; <!--當滑鼠移動時調用locate函數-->function follow(i){ var x; if(i<4)x=cx-50+i*10;<!--前四個字元的橫座標變化規律--> else x=cx-25+i*10;<!-- 後兩個字元的橫座標變化規律--> var y=cy-20+Math.floor(Math.random()*40);<!--縱座標變化規律--> w=eval("word"+i);<!--獲得當前字元--> with(w.style) { left=x.toString()+"px";<!--字元的左邊界--> top=y.toString()+"px";<!--字元的上邊界--> }}function show(i){ var w=eval("word"+i);<!--獲得第i個字元--> with(w.style) { visibility="visible"; s=parseInt(fontSize);<!--擷取字型大小--> if(s>=200)s-=100;<!--如果字型大於200,每次調用此函數,減小100--> else if(s>90&&s<=100)<!--如果字型在90到100之間--> { s-=85;<!--每次減小85--> clearInterval(val);<!--同時將當前定時器清除--> if(i<6)val=setInterval("show("+(i+1)+")",20);<!--並且開始周期性的調用show--> } fontSize=s;<!--記錄字型大小--> }}function start()<!--開始-->{ for(i=1;i<=6;i++)<!--依次對6個字元進行配置--> { val=setInterval("show(1)",20);<!--每0.02秒調用一次show函數--> setInterval("follow("+i+")",100);<!--每0.1秒調用一次follow函數--> }} var word=new Array(6); <!--定義字串變數word-->word[1]="*";word[2]="*";word[3]="*";word[4]="*";word[5]="*";word[6]="*" <!--給word賦值為“*”--> for(i=1;i<=6;i++) document.write("<div id='word"+i+"' ><font face='隸書' color='#FFAA00' >"+word[i]+"</font></div>");start(); <!--設定最初顯示文字的字型、顏色、大小、顯示位置,並且調用start函數--> </SCRIPT>關鍵詞:qq滑鼠,跟隨,代碼大全 <!--本常式實現了字元跟隨滑鼠,並且跳動的效果--><!--動態顯示字元的方法--><!--動畫效果的實現--><!--文字屬性的設定-->
提示:您可以先修改部分代碼再運行