1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html怎么把图片做成抖动效果 js实现鼠标触发图片抖动效果的方法

html怎么把图片做成抖动效果 js实现鼠标触发图片抖动效果的方法

时间:2022-09-14 17:38:26

相关推荐

html怎么把图片做成抖动效果 js实现鼠标触发图片抖动效果的方法

本文实例讲述了js实现鼠标触发图片抖动效果的方法。分享给大家供大家参考。具体实现方法如下:

鼠标触发图片抖动效果

.shakeimage{

position:relative

}

//configure shake degree (where larger # equals greater shake)

var rector=3

///DONE EDITTING///

var stopit=0

var a=1

function init(which){

stopit=0

shake=which

shake.style.left=0

shake.style.top=0

}

function rattleimage(){

if ((!document.all&&!document.getElementById)||stopit==1)

return

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

which.style.left=0

which.style.top=0

}

鼠标移动上来看效果!

希望本文所述对大家的javascript程序设计有所帮助。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。