这篇文章主要介绍了基于 javascript 实现窗口抖动效果, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
效果图:
鼠标点击,窗口实现抖动。
具体代码:
- <!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 程序设计有所帮助,帮助大家实现窗口抖动效果。
来源: http://www.phperz.com/article/17/0409/267783.html