JS层抖动特效，类似QQ聊天窗口抖动_层和布局特效

JS层抖动特效，可以只对网页中某个模块层起效，类似QQ聊天窗口的抖动效果，很有趣，记得在MSN里也有应用。

<html>
<head>
<meta http-equiv="Content-Language" mrc="zh-cn" />
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<meta name="robots" mrc="all" />
<meta name="author" mrc="在远方┊jscode.cn" />
<meta name="Copyright" mrc="copyright (c) 2008 www.jscode.cn" />
<title>JavaScript层抖动效果_By mb5u.com</title>
<style type="text/css">
#body{text-align:center;}
#test{width:200px;position:absolute;margin:10px auto;height:100px;border:2px dotted red;text-align:center}
</style>
</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">
		<br>
		<a href="/">模板无忧</a><br>
		<img border="0" src="/images/logo.gif"></div>
</div>
<p>　</p>
<p>　</p>
</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;
	 var om=this;
	 this.start=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)
			}
		this.oTime=setTimeout(function(){om.start()},speed);
	 }
	 this.stop=function(){
	   clearTimeout(this.oTime);
	 
	 }
}
var nn=new SKclass(m,20,70);
</script>
</body>
</html>

所属频道：层和布局特效/更新时间：2012-12-18

[收藏][报错][返回列表]

JS层抖动特效，类似QQ聊天窗口抖动_层和布局特效

层和布局特效Rss订阅特效代码搜索

层和布局特效推荐

猜你也喜欢看这些