[js效果]类似QQ窗口的抖动效果

2009年3月16日星期一

[js效果]类似QQ窗口的抖动效果

类似QQ窗口的抖动效果,只是觉得好玩 没什么技术含量。





<style type="text/css"&rt;
#body{text-align:center;}
#test{width:119px;position:absolute;margin:10px auto;height:114px;background:url(http://www.blueidea.com/articleimg/2008/05/5766/01.jpg) ;border:2px dotted red;}
</style&rt;
<script type="text/javascript"&rt;</script&rt;


<div style="MARGIN: 10px 200px"&rt;
<div&rt;<input onclick="nn.start()" type="button" value="~~~让我抖抖吧~~"&rt;</div&rt;
<div&rt;<input onclick="nn.stop()" type="button" value="别抖了眼睛晕的很"&rt;</div&rt;
<div id="test"&rt;</div&rt;
</div&rt;


<script type="text/javascript"&rt;
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&rt;

    0 评论:

    发表评论