js模拟QQ窗口的抖动效果

ttx9n · 发表于 2008-5-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> 
      
  </head> 
  <body> 
         
        <input type="button" value="~~~让我抖抖吧~~" onclick="nn.start()" /> 
        <input type="button" value="别抖了眼睛晕的很" onclick="nn.stop()" /> 
         
         
  </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需刷新才能执行]

idy6_yus · 发表于 2022-8-10 11:00:10

很不错的样子

czoz5y · 发表于 2022-9-3 07:21:29

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

白狐软件 · 发表于 2023-3-7 23:25:32

天天源码社区论坛

pb_tjc · 发表于 2023-6-7 22:40:46

谢谢楼主分享

adm1n · 发表于 2023-10-21 00:02:47

先把创新班才能下班才能下班

leidie123a · 发表于 2023-11-17 12:26:01

看到这帖子真是高兴！

3mfwk4yf · 发表于 2024-3-2 05:37:23

收下来看看怎么样

lba36h7g · 发表于 2024-5-5 16:13:23

看看看看看看看看看看看看看看看看看看看看看看看看看看看

i3x3r3 · 发表于 2024-6-23 19:10:15

很好，谢谢分享

账号		自动登录	找回密码
密码			立即注册

[JavaScript] js模拟QQ窗口的抖动效果

相关帖子