基于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程序设计有所帮助，帮助大家实现窗口抖动效果。
相关文章
这篇文章主要为大家详细介绍了微信小程序实现字母索引菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
javascript获取wx.config内部字段解决微信分享
这篇文章主要介绍了javascript获取wx.config内部字段解决微信分享,需要的朋友可以参考下2016-03-03
在前端开发中,我们经常需要对数组进行随机排序,例如在游戏、抽奖、数据随机展示等场景中,JavaScript 提供了多种方式来实现数组的随机排序,本文将详细介绍不同的方法,并分析它们的优缺点,帮助开发者在不同场景下选择合适的解决方案,需要的朋友可以参考下2025-03-03
这篇文章主要和大家聊一聊JavaScript的New关键字，一般我们通过New关键字来创建一个类的实例对象，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要为大家详细介绍了如何使用JavaScript监视有没有被刷新后跳转其他页面,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下2025-01-01
JavaScript基于replace+正则实现ES6的字符串模版功能
这篇文章主要介绍了JavaScript基于replace+正则实现ES6的字符串模版功能,结合实例形式分析了replace结合正则实现ES6字符串模板功能的具体步骤与相关操作技巧,需要的朋友可以参考下2017-04-04
在我们js编写程序的时候，我们会写很多函数然后调用它们，那么这些函数调用的时候什么时候加()什么时候不加()呢？下面小编给大家简单介绍下2016-07-07
这篇文章主要介绍了JS常用加密编码与算法,结合实例形式总结分析了javascript常见的utf8、base64编码及md5、md4、SHA1等算法实现方法,需要的朋友可以参考下2016-12-12
本篇文章主要解释了使用SWFUpload进行多文件上传，这里整理了详细的代码，有需要的可以了解一下。2016-11-11
伸缩的菜单，想必大家都有见到过吧，实现方法也是很多的，在接下来的文章中为大家介绍下使用js是如何实现的，需要的朋友可以参考下2013-12-12
最新评论