JavaScript仿QQ窗口抖动算法

原创于 2009-07-12 13:47:01 发布 · 128 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#QQ #算法 #JavaScript #ViewUI

JavaScript 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种使用JavaScript来模仿QQ消息窗口抖动效果的方法。通过简单的代码示例展示了如何利用JavaScript定时器和DOM样式属性的变化来实现窗口的周期性位置变化，达到视觉上的振动效果。

JavaScript仿QQ窗口抖动算法：

<img  id="win" style='position:relative' src="http://www.iteye.com/images/logo.gif">
<br /><br />
<button onclick="zd()">振动</button>
<script>
function zd(u){	
	var a=['top','left'],b=0;
	u=setInterval(function(){
		document.getElementById('win').style[a[b%2]]=(b++)%4<2?0:4;
		if(b>15){
			clearInterval(u);
			b=0;
		}
	},32)
}
</script>