页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容 js模拟QQ窗口的抖动效果

js模拟QQ窗口的抖动效果

发布：dxy 字体：[增加减小] 类型：转载

模拟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 全选提示:你可先修改部分代码,再按运行]

Tags：js 模拟QQ窗口抖动效果

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

·在百度中搜索关于“js模拟QQ窗口的抖动效果”相关内容
·在谷歌中搜索关于“js模拟QQ窗口的抖动效果”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

js模拟QQ窗口的抖动效果

文章评论

同类文章

最近更新

热点排行

js模拟QQ窗口的抖动效果

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行