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