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读秒，在某些情况下还是比较实用的，下面有个简单的示例，感兴趣的朋友可以参考下
2013-09-09
基于JavaScript伪随机正态分布代码实例
这篇文章主要介绍了基于JavaScript伪随机正态分布代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-11-11
轻松实现js选项卡切换效果
这篇文章主要帮助大家轻松实现js选项卡切换效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
JS模拟实现Select效果代码
这篇文章主要介绍了JS模拟实现Select效果代码,涉及JavaScript基于鼠标点击事件动态操作页面元素实现Select效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-09-09
JavaScript数组去重的两种方法推荐
下面小编就为大家带来一篇JavaScript数组去重的两种方法推荐。小编觉得听错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看
2016-04-04
微信小程序新手教程之启动页的重要性
这篇文章主要给大家介绍了关于微信小程序新手教程之启动页重要性的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-03-03
JS实现的碰撞检测与周期移动完整示例
这篇文章主要介绍了JS实现的碰撞检测与周期移动,结合完整实例形式分析了javascript结合时间函数的页面元素属性动态操作及事件响应相关使用技巧,需要的朋友可以参考下
2019-09-09
js实现基于正则表达式的轻量提示插件
这篇文章主要介绍了基于正则表达式的轻量提示插件，兼容性强却文件轻巧的文本框检测插件,推荐给大家，有需要的小伙伴可以参考下。
2015-08-08
JavaScript中数据结构与算法(三)：链表
这篇文章主要介绍了JavaScript中数据结构与算法(三)：链表,本文分别讲解了单链表与双链表以及增加节和删除节的代码实例,需要的朋友可以参考下
2015-06-06
前端Token 组成及生成方法示例详解
这篇文章主要为大家介绍了前端Token 组成及生成方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-04-04