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