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

您可能感兴趣的文章:

js实现复制功能(多种方法集合)
这篇文章主要介绍了js实现复制功能(多种方法集合),需要的朋友可以参考下
2018-01-01
layui关闭层级、简单监听的实例
今天小编就为大家分享一篇layui关闭层级、简单监听的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
微信小程序swiper左右扩展各显示一半代码实例
这篇文章主要介绍了微信小程序swiper左右扩展各显示一半代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-12-12
在JavaScript中调用Java类和接口的方法
这篇文章主要讲述如何在JavaScript脚本语言中调用Java类和接口，对大家的学习和工作有一定的参考借鉴价值，有需要的朋友们下面来一起看看吧。
2016-09-09
js实现用于建立新的一行且增加的四个文本框为空的且被禁用
js实现用于建立新的一行且增加的四个文本框为空的且被禁用...
2007-04-04
javascript包装对象实例分析
这篇文章主要介绍了javascript包装对象,实例分析分析了javascript对象操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
限制复选框最多选择项的实现代码
下面小编就为大家带来一篇限制复选框最多选择项的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
js判断主流浏览器类型和版本号的简单实现代码
下面小编就为大家带来一篇js判断主流浏览器类型和版本号的简单实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
优化javascript的执行速度
这个是我在网上找的资料，具体的出处，我已经记不清楚了，觉得很不错，就和大家分享了
2010-01-01
js数组合并的8种方法(最全)
在JavaScript中,有多种方法可以合并数组,本文主要介绍了8种方法,主要包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat(),感兴趣的可以了解一下
2023-08-08

js模拟QQ窗口的抖动效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具