基于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闭包和范围,结合实例形式详细分析了javascript闭包的使用及变量的作用范围,需要的朋友可以参考下2016-12-12
js给dropdownlist添加选项的小例子，需要的朋友可以参考一下2013-03-03
JavaScript null undefined分析2009-07-07
原生JavaScript版连连看游戏，有源码，适合初学者学习，喜欢的朋友可以研究下2013-11-11
这篇文章主要介绍了微信小程序HTTP接口请求封装代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
PHP是一种动态类型的编程语言,它支持面向对象编程,在PHP中,派发指在运行时确定要调用的方法或函数的过程,派发机制允许根据实际对象的类型来选择要执行的方法,这种灵活性使得PHP可以实现多态性,本文将给大家介绍php的派发机制是怎么实现的,需要的朋友可以参考下2023-10-10
异步加载JS文件的实现函数代码。2009-07-07
这篇文章主要为大家详细介绍了BootStrap modal模态弹窗使用小结,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
下面小编就为大家分享一篇layui之select的option叠加问题的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
onload事件当一个页面或是一张图片加载完成时被触发，在body上不仅可以用onload，而且还支持多个HTML标签.用法如下2013-09-09
最新评论