基于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程序設(shè)計有所幫助，幫助大家實現(xiàn)窗口抖動效果。
相關(guān)文章
javascript中的this應(yīng)用非常廣泛，對js中this總是似是而非的感覺，今天小編豁然開朗，然后再次給大家談?wù)搄s中的this關(guān)鍵，感興趣的朋友跟著小編一起看看吧2016-06-06
這篇文章主要介紹了通過實例解析javascript Date對象屬性及方法,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-11-11
這篇文章主要為大家詳細介紹了AJAX的圖書管理代碼實例，使用數(shù)據(jù)庫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
利用H5api實現(xiàn)時鐘的繪制(javascript)
這篇文章主要為大家詳細介紹了利用H5api實現(xiàn)時鐘的繪制，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了微信小程序列表中item左滑刪除功能，本文分步驟給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11
基于JavaScript或jQuery實現(xiàn)網(wǎng)站夜間/高亮模式
這篇文章主要介紹了基于JavaScript或jQuery實現(xiàn)網(wǎng)站夜間/高亮模式,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了基于JS代碼實現(xiàn)導航條彈出式懸浮菜單的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
JavaScript三大重點同步異步與作用域和閉包及原型和原型鏈詳解
這篇文章主要介紹了JavaScript同步異步與作用域和閉包及原型和原型鏈，每個對象都連接到一個原型對象，并且它可以從中繼承屬性。所有通過對象字面量創(chuàng)建的對象都連接到object.prototype，它是JavaScript中的標配對象<BR>2022-07-07
模板淘寶首頁的分類列表效果，17173的游戲分類效果也不錯。2009-04-04
單行 JS 實現(xiàn)移動端金錢格式的輸入規(guī)則
這篇文章主要介紹了單行 JS 實現(xiàn)移動端金錢格式的輸入規(guī)則,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-05-05