这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要为大家分享了 js 窗口震动小程序, 可设置抖动的频率,范围,和次数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
前言:窗口震动的应用是很常见的,比如最常用的聊天软件 qq,就有一个窗口抖动,还有在填表单时的出错提醒,所以自己也写了个很简单的示例,以下是具体的代码
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>
- 窗口震动
- </title>
- </head>
- <body>
- <div style="background:#ff0; width:200px; height:200px; margin-top:200px; margin-left:600px"
- id="win">
- </div>
- <script type="text/javascript">
- var loop = 0; //统计震动次数
- var timer; //定时器引用
- var offx; //水平偏移量
- var offy; //垂直偏移量
- var dir; //控制震动方向
- timer = setInterval(function() {
- var win = document.getElementById("win");
- if (loop > 100) {
- clearInterval(timer); //震动次数超过100就停止定时器
- }
- dir = Math.random() * 10 > 5 ? 1 : -1; //获得震动方向
- offx = Math.random() * 20 * dir;
- offy = Math.random() * 20 * dir;
- win.style.marginTop = 200 + offx + "px";
- win.style.marginLeft = 600 + offy + "px";
- loop++;
- },
- 10) //每隔10毫秒震动一次
- </script>
- </body>
- </html>
在代码中主要就是利用随机数来控制抖动的方向和范围,还有用 setInterval 函数来设置抖动的频率,以及 loop 变量设置一次抖动的次数。自己可以根据实际需求来设置抖动的频率,范围,和次数。
来源: http://www.phperz.com/article/17/0523/330123.html