js 窗口抖動(dòng)示例
更新時(shí)間：2013年09月04日 17:33:34 作者：
想必大家對窗口抖動(dòng)一詞并不陌生吧，其實(shí)原理很簡單，下面為大家簡單介紹下js中時(shí)如何實(shí)現(xiàn)的，喜歡的朋友可以參考下
復(fù)制代碼 代碼如下:
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script >
function zd(u){
var a=['top','left'],b=0;
u=setInterval(function(){
document.getElementById('win').style[a[b%2]]=(b++)%4<2?0:4;
if(b>15){clearInterval(u);b=0}
},32)
}
</script>
</head>
<body id="win" style='position:relative;' border="1">
<button onclick="zd()">振動(dòng)</button>
<div >asdfasdf<div/>
</body>
</html>
相關(guān)文章
這篇文章主要介紹了根據(jù)配置文件加載js依賴模塊,解決方法是筆者自己的思路，拋磚引玉，需要的朋友可以參考下2014-12-12
比JSON.stringify快兩倍的fast-json-stringify性能對比分析
這篇文章主要為大家介紹了比JSON.stringify快兩倍的fast-json-stringify性能對比分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
利用BootStrap的Carousel.js實(shí)現(xiàn)輪播圖動(dòng)畫效果
這篇文章主要介紹了利用BootStrap的Carousel.js實(shí)現(xiàn)輪播圖動(dòng)畫效果的相關(guān)資料,需要的朋友可以參考下2016-12-12
鼠標(biāo)移動(dòng)到圖片名上,顯示圖片的簡單實(shí)例
鼠標(biāo)移動(dòng)到名(wait.gif)上，顯示圖片，鼠標(biāo)移開則不顯示圖片2013-07-07
javascript showModalDialog,open取得父窗口的方法
showModalDialog,open取得父窗口的代碼，需要的朋友可以參考下。2010-03-03
JavaScript函數(shù)防抖與函數(shù)節(jié)流的定義及使用詳解
這篇文章主要為大家詳細(xì)介紹一下JavaScript中函數(shù)防抖與函數(shù)節(jié)流的定義及使用，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)JS有一定幫助，需要的可以參考一下2022-08-08
非IE瀏覽器“userdata”的解決方案2009-06-06
這篇文章主要介紹了深入淺出webpack之externals的使用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡易的計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
基于touch.js手勢庫+zepto.js插件開發(fā)圖片查看器（滑動(dòng)、縮放、雙擊縮放）
這篇文章主要為大家詳細(xì)介紹了touch.js手勢庫結(jié)合zepto.js插件開發(fā)圖片查看器，圖片可以實(shí)現(xiàn)滑動(dòng)、縮放、雙擊縮放等效果，2016-11-11