基于javascript實現(xiàn)窗口抖動效果
更新時間：2016年01月03日 13:21:42 作者：愚蠢的神
這篇文章主要介紹了基于javascript實現(xiàn)窗口抖動效果,需要的朋友可以參考下
本文實例講解了基于javascript實現(xiàn)窗口抖動效果的詳細代碼，分享給大家供大家參考，具體內(nèi)容如下
效果圖：
鼠標點擊，窗口實現(xiàn)抖動。
具體代碼：
<!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程序設計有所幫助，幫助大家實現(xiàn)窗口抖動效果。
相關(guān)文章
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)字母索引菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
javascript獲取wx.config內(nèi)部字段解決微信分享
這篇文章主要介紹了javascript獲取wx.config內(nèi)部字段解決微信分享,需要的朋友可以參考下2016-03-03
在前端開發(fā)中,我們經(jīng)常需要對數(shù)組進行隨機排序,例如在游戲、抽獎、數(shù)據(jù)隨機展示等場景中,JavaScript 提供了多種方式來實現(xiàn)數(shù)組的隨機排序,本文將詳細介紹不同的方法,并分析它們的優(yōu)缺點,幫助開發(fā)者在不同場景下選擇合適的解決方案,需要的朋友可以參考下2025-03-03
這篇文章主要和大家聊一聊JavaScript的New關(guān)鍵字，一般我們通過New關(guān)鍵字來創(chuàng)建一個類的實例對象，感興趣的小伙伴們可以參考一下2016-08-08
使用JavaScript監(jiān)視有沒有被刷新后跳轉(zhuǎn)其他頁面
這篇文章主要為大家詳細介紹了如何使用JavaScript監(jiān)視有沒有被刷新后跳轉(zhuǎn)其他頁面,文中的示例代碼講解詳細,感興趣的小伙伴可以參考一下2025-01-01
JavaScript基于replace+正則實現(xiàn)ES6的字符串模版功能
這篇文章主要介紹了JavaScript基于replace+正則實現(xiàn)ES6的字符串模版功能,結(jié)合實例形式分析了replace結(jié)合正則實現(xiàn)ES6字符串模板功能的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
在我們js編寫程序的時候，我們會寫很多函數(shù)然后調(diào)用它們，那么這些函數(shù)調(diào)用的時候什么時候加()什么時候不加()呢？下面小編給大家簡單介紹下2016-07-07
這篇文章主要介紹了JS常用加密編碼與算法,結(jié)合實例形式總結(jié)分析了javascript常見的utf8、base64編碼及md5、md4、SHA1等算法實現(xiàn)方法,需要的朋友可以參考下2016-12-12
本篇文章主要解釋了使用SWFUpload進行多文件上傳，這里整理了詳細的代碼，有需要的可以了解一下。2016-11-11
伸縮的菜單，想必大家都有見到過吧，實現(xiàn)方法也是很多的，在接下來的文章中為大家介紹下使用js是如何實現(xiàn)的，需要的朋友可以參考下2013-12-12