<style>body{margin:50px; }#qq{position:relative;}span{padding:0 4px}</style>
<body>
<p><button onclick="mfx()">QQ窗口抖动</button>
<span></span><button onclick="mfx(1)">浏览器抖动</button></p>
<img id="qq" src="http://img.photo.163.com/LxlYCVG9Fr4OC8-Z2tcjZQ==/1873215970010589974.jpg" />
</body>
<script>
mfx=function(isWin){
var t=0,z=3,del=function(){clearInterval(mfx.ID);return mfx};
del().ID=setInterval(function(){
var i=t/180*Math.PI,x=Math.sin(i)*z,y=Math.cos(i)*z,s=qq.style;
isWin?window.moveBy(x,y):(s.top=x+'px',s.left=y+'px');
if((t+=90)>1080)del();
},30);
}
</script>
分享到:
相关推荐
一个类似于QQ窗口抖动的文本版。 一个很好的js窗口抖动。
代码如下: <... <head> <title> New Document </title> <meta name=”Generator” content=”EditPlus”>...meta name=”Author” content=””>...meta name=”Keywords” content=””>...
QQ窗口抖动JS效果 QQ窗口抖动JS效果,很帅的js
代码简介:仿QQ抖动效果代码,兼容主流浏览器。
很好玩的!用javascript 编写 适合初学者体会!
js实现窗口象QQ类似抖动,很实用的js实现窗口象QQ类似抖动,很实用的
现在很多网站右下角都有个像QQ抖动窗口一样的js效果,我这里就跟大家分享一下抖动窗口的js吧
主要介绍了实例代码详解javascript实现窗口抖动及qq窗口抖动的相关资料,需要的朋友可以参考下
本文实例讲解了基于javascript实现窗口抖动效果的详细代码,分享给大家供大家参考,具体内容如下 效果图: 鼠标点击,窗口实现抖动。 具体代码: <!DOCTYPE HTML> <html> <head> <meta charset=...
js 特效 html 特效 鼠标抖动的按钮 js 特效 html 特效 鼠标抖动的按钮
在网页中最常见的一种抖动效果应该是窗口抖动提示了 抖动元素从起始点开始,先向右移动最大距离len,然后移动到对称的左边位置;然后再向右移动稍微小一点的距离,再移动到对称的左边位置;以此循环,最终元素...
js实现仿QQ聊天窗口点击抖动效果源码.zip
js仿QQ抖动窗口效果代码,兼容主流浏览器
JS实现仿QQ聊天窗口抖动特效 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript层抖动效果</title> <style type="text/...