基于javascript实现窗口抖动效果
更新时间:2016年01月03日 13:21:42 作者:愚蠢的神
这篇文章主要介绍了基于javascript实现窗口抖动效果,需要的朋友可以参考下
本文实例讲解了基于javascript实现窗口抖动效果的详细代码,分享给大家供大家参考,具体内容如下
效果图:
鼠标点击,窗口实现抖动。
具体代码:
<!DOCTYPE HTML> <html> <head> <meta charset="gb2312"/> <title>窗口登陆效果</title> <style type="text/css"> #win { position:relative; width:100px; height:100px; background-color:#666; } </style> <script type="text/javascript"> var a=['top','left']; var b=0; var u; function fudu() { win.style[a[b%2]]=(b++)%4<2?"0px":"4px"; if(b>15) { clearInterval(u); b=0 } } function zd() { clearInterval(u); u=setInterval(fudu,32) } window.onload=function() { var bt=document.getElementById("bt"); var win=document.getElementById("win"); bt.onclick=zd; } </script> </head> <body > <button id="bt">点击振动</button> <div id="win"></div> </body> </html>
希望本文所述对大家学习javascript程序设计有所帮助,帮助大家实现窗口抖动效果。
相关文章
基于JavaScript或jQuery实现网站夜间/高亮模式
这篇文章主要介绍了基于JavaScript或jQuery实现网站夜间/高亮模式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05JavaScript三大重点同步异步与作用域和闭包及原型和原型链详解
这篇文章主要介绍了JavaScript同步异步与作用域和闭包及原型和原型链,每个对象都连接到一个原型对象,并且它可以从中继承属性。所有通过对象字面量创建的对象都连接到object.prototype,它是JavaScript中的标配对象<BR>2022-07-07
最新评论