js模拟QQ窗口的抖动效果

时间：2021-09-26 10:15:51|栏目：JavaScript代码|点击：次

<!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 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需再刷新一下页面才能执行]

上一篇：按键测试，支持像 Ctrl+Alt+Shift+T 的组合键

栏目：JavaScript代码

下一篇：javascript实现简单加载随机色方块

本文标题：js模拟QQ窗口的抖动效果

本文地址：http://www.codeinn.net/misctech/177397.html

更多JavaScript代码

JavaScript代码

js模拟QQ窗口的抖动效果

阅读排行

推荐教程