js模擬QQ窗口的抖動效果

更新時間：2008年05月15日 23:33:15 作者：

模擬qq抖動效果代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">   <head>      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      <style type="text/css"> #body{text-align:center;} #test{width:119px;position:absolute;margin:10px auto;height:114px;background:url(/images/logo.gif) ;border:2px dotted red;}      </style>      <script type="text/javascript"></script>   </head>   <body>         <div style='margin:10px 200px'>         <div><input type="button" value="~~~讓我抖抖吧~~" onclick="nn.start()" /></div>         <div><input type="button" value="別抖了眼睛暈的很" onclick="nn.stop()" /></div>         <div   class="n2dy7tf"   id="test"></div>         </div>   </body> </html> <script type="text/javascript">  var m=document.getElementById("test"); function SKclass (obj,Rate,speed) {      var oL=obj.offsetLeft;      var oT=obj.offsetTop;      this.stop=null;      this.oTime=null;      this.state=0;      var om=this;      this.start=function(){         if(this.state==0){          ostart();          this.state=1;         }         else{alert("這樣你受得了嗎？")}       }      var ostart=function(){              if(parseInt(obj.style.left)==oL-2){                 obj.style.top=oT+2+"px";                 setTimeout(function(){obj.style.left=oL+2+"px"},Rate)              }              else{                 obj.style.top=oT-2+"px";                 setTimeout(function(){obj.style.left=oL-2+"px"},Rate)             }         om.oTime=setTimeout(function(){ostart()},speed);      }      this.stop=function(){        clearTimeout(om.oTime);        this.state=0;            } } var nn=new SKclass(m,20,50); </script>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

js實現(xiàn)復(fù)制功能(多種方法集合)
這篇文章主要介紹了js實現(xiàn)復(fù)制功能(多種方法集合),需要的朋友可以參考下
2018-01-01
layui關(guān)閉層級、簡單監(jiān)聽的實例
今天小編就為大家分享一篇layui關(guān)閉層級、簡單監(jiān)聽的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
微信小程序swiper左右擴(kuò)展各顯示一半代碼實例
這篇文章主要介紹了微信小程序swiper左右擴(kuò)展各顯示一半代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-12-12
在JavaScript中調(diào)用Java類和接口的方法
這篇文章主要講述如何在JavaScript腳本語言中調(diào)用Java類和接口，對大家的學(xué)習(xí)和工作有一定的參考借鑒價值，有需要的朋友們下面來一起看看吧。
2016-09-09
js實現(xiàn)用于建立新的一行且增加的四個文本框為空的且被禁用
js實現(xiàn)用于建立新的一行且增加的四個文本框為空的且被禁用...
2007-04-04
javascript包裝對象實例分析
這篇文章主要介紹了javascript包裝對象,實例分析分析了javascript對象操作的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
限制復(fù)選框最多選擇項的實現(xiàn)代碼
下面小編就為大家?guī)硪黄拗茝?fù)選框最多選擇項的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
js判斷主流瀏覽器類型和版本號的簡單實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s判斷主流瀏覽器類型和版本號的簡單實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
優(yōu)化javascript的執(zhí)行速度
這個是我在網(wǎng)上找的資料，具體的出處，我已經(jīng)記不清楚了，覺得很不錯，就和大家分享了
2010-01-01
js數(shù)組合并的8種方法(最全)
在JavaScript中,有多種方法可以合并數(shù)組,本文主要介紹了8種方法,主要包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat(),感興趣的可以了解一下
2023-08-08