首页 > Javascript

让层抖动的效果,msn,qq窗体震动效果

让层抖动的效果,msn,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-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="robots" content="all" />
<meta name="author" content="在远方┊jscode.cn" />
<meta name="Copyright" content="copyright (c) 2008 www.jscode.cn" />
<title>让层抖动的效果,msn,qq窗体震动效果 - 网页特效观止-网页特效代码|www.JsCode.CN|</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="http://www.jscode.cn">网页特效观止</a><br>
		<img border="0" src="http://www.jscode.cn/images/logo.gif"></div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>更多网页特效代码尽在 <a href="http://www.jscode.cn/">网页特效观止</a></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>


本文由用户 【大数据】 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。

转载本站原创文章,请注明出处,并保留原始链接、图片水印。

本站是一个以用户分享为主的开源技术平台,欢迎各类分享!

本文地址:http://www.mj85.com/javascript/234.html

分享:

评论 [共0条评论]

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

您现面为匿名用户,暂不能发表评论。如想评论则请登录注册

相关内容

发布者

大数据 发于:

19年/05月/23日 09时

查看次数: 576

标签 Tags

msn

qq窗体震动

谁收藏了?

0人已收藏