超炫qq滑鼠跟隨代碼大全

來源:互聯網
上載者:User
提示:您可以先修改部分代碼再運行

<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滑鼠,跟隨,代碼大全 <!--本常式實現了字元跟隨滑鼠,並且跳動的效果--><!--動態顯示字元的方法--><!--動畫效果的實現--><!--文字屬性的設定-->
提示:您可以先修改部分代碼再運行

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.