• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

让图片抖动的JS代码

JavaScript 水墨上仙 2967次浏览

让图片抖动的JS代码

<SCRIPT language=javascript1.2>  
<!--  
var rector=2  
var stopit=0  
var a=1  
var count=0  
function init(which){  
stopit=0  
shake=which  
shake.style.left=0  
shake.style.top=0  
}  
function rattleimage(){  
if ((!document.all&&!document.getElementById)||stopit==1||count==100)  
return  
count++  
if (a==1){  
shake.style.top=parseInt(shake.style.top)+rector  
}  
else if (a==2){  
shake.style.left=parseInt(shake.style.left)+rector  
}  
else if (a==3){  
shake.style.top=parseInt(shake.style.top)-rector  
}  
else{  
shake.style.left=parseInt(shake.style.left)-rector  
}  
if (a<4)  
a++  
else  
a=1  
setTimeout("rattleimage()",50)  
}  
function stoprattle(which){  
stopit=1  
count=0  
which.style.left=0  
which.style.top=0  
}  
//-->  
</SCRIPT>  
<style>.shakeimage {POSITION: relative}  
</style>  
<img src="图片的路径" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class=shakeimage>


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明让图片抖动的JS代码
喜欢 (0)
加载中……