基于javascript实现窗口抖动效果
2016-01-03 00:00
1056 查看
本文实例讲解了基于javascript实现窗口抖动效果的详细代码,分享给大家供大家参考,具体内容如下
效果图:
鼠标点击,窗口实现抖动。
具体代码:
希望本文所述对大家学习javascript程序设计有所帮助,帮助大家实现窗口抖动效果。
javascript实现的仿腾讯QQ窗口抖动效果代码
js 窗口抖动示例
JS实现仿QQ聊天窗口抖动特效
实例代码详解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程序设计有所帮助,帮助大家实现窗口抖动效果。
您可能感兴趣的文章:
js模拟QQ窗口的抖动效果javascript实现的仿腾讯QQ窗口抖动效果代码
js 窗口抖动示例
JS实现仿QQ聊天窗口抖动特效
实例代码详解javascript实现的窗口抖动
相关文章推荐
- 全面理解Javascript闭包和闭包的几种写法及用途
- 使用 Sublime Text 做 Javascript 编辑器 - 集成 SublimeCodeIntel 实现代码智能提示及自动完成
- 使用 Sublime Text 做 Javascript 编辑器 - 集成 JSHint 问题检测工具
- JS编程练习
- 利用JSPTagEx开发单页面全程Ajax应用(附源码)
- JS 鼠标滚轮事件(mousewheel/DOMMouseScroll)
- package.json 字段全解析 share
- package.json 字段全解析 share
- JS入门总结
- (Frontend Newbie)JavaScript基础之常见数据类型
- js 闭包的理解
- 购物车角标JSBadgeView的基本使用
- 百度地图点击覆盖物,显示信息框js代码
- 265行JavaScript代码的第一人称3D H5游戏Demo【个人总结1】
- Javascript显示和隐式类型转换
- JSP标签
- 20151217JS便签
- JS Array.slice 截取数组的实现方法
- 如何使用 JSP JSTL 显示/制作树(tree) 菜单
- checkbox属性checked="checked"通过js已设置,但是不勾选