手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于javascript实现窗口抖动效果
基于javascript实现窗口抖动效果
摘要:本文实例讲解了基于javascript实现窗口抖动效果的详细代码,分享给大家供大家参考,具体内容如下效果图:鼠标点击,窗口实现抖动。具体代码...

本文实例讲解了基于javascript实现窗口抖动效果的详细代码,分享给大家供大家参考,具体内容如下

效果图:

基于javascript实现窗口抖动效果1

鼠标点击,窗口实现抖动。

具体代码:

<!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"; 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实现淡蓝色的鼠标拖动选择框实例

JavaScript静态的动态

基于javascript简单实现对身份证校验

JavaScript实现Flash炫光波动特效

基于jquery实现下拉框美化特效

学习javascript文件加载优化

Javascript实现每日自动换一张图片的方法

javascript消除window.close()的提示窗口

javascript实现可拖动变色并关闭层窗口实例

javascript中attachEvent用法

精品推荐
分类导航