数码资讯
js实现的鼠标触发画面的抖动效果
本文介绍了js实现鼠标触发抖动效果的方法,供大家参考,具体的实现方法如下: 复制代码代码如下所示: 鼠标触发图像抖动效应 shakeimage {。 相对位置: } / /配置摇度(其中较大的为更大的震动#) VaR校长= 3 / / / / / / / / / 做编辑/ / / / / / / /
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文介绍了js实现鼠标触发抖动效果的方法,供大家参考,具体的实现方法如下:
复制代码代码如下所示:
鼠标触发图像抖动效应
shakeimage {。
相对位置:
}
/ /配置摇度(其中较大的为更大的震动#)
VaR校长= 3
/ / / / / / / / / 做编辑/ / / / / / / / /
VaR停止= 0
var a=1
函数init(哪个){
够了= 0
摇=,
摇。风格。左= 0
摇动。样式。顶部= 0
}
功能rattleimage(){
如果(!(!document.all!文件。getElementById)| |够了= = 1)
返回
如果(= = 1){
摇。风格。= parseInt(摇。风格。顶部)+校长
}
否则如果(= = 2){
摇。风格。左= parseInt(摇。风格。左)+校长
}
否则如果(= = 3){
摇。风格。= parseInt(摇。风格。顶部)校长
}
别的{
摇。风格。左= parseInt(摇。风格。左)校长
}
如果(a<4)
+ +
其他的
= 1
setTimeout(rattleimage()
}
功能stoprattle(这){
够了= 1
哪个样式。左= 0
哪种风格。顶部= 0
}
鼠标移动效果!
希望本文能对大家的javascript程序设计有所帮助。
复制代码代码如下所示:
鼠标触发图像抖动效应
shakeimage {。
相对位置:
}
/ /配置摇度(其中较大的为更大的震动#)
VaR校长= 3
/ / / / / / / / / 做编辑/ / / / / / / / /
VaR停止= 0
var a=1
函数init(哪个){
够了= 0
摇=,
摇。风格。左= 0
摇动。样式。顶部= 0
}
功能rattleimage(){
如果(!(!document.all!文件。getElementById)| |够了= = 1)
返回
如果(= = 1){
摇。风格。= parseInt(摇。风格。顶部)+校长
}
否则如果(= = 2){
摇。风格。左= parseInt(摇。风格。左)+校长
}
否则如果(= = 3){
摇。风格。= parseInt(摇。风格。顶部)校长
}
别的{
摇。风格。左= parseInt(摇。风格。左)校长
}
如果(a<4)
+ +
其他的
= 1
setTimeout(rattleimage()
}
功能stoprattle(这){
够了= 1
哪个样式。左= 0
哪种风格。顶部= 0
}
鼠标移动效果!
希望本文能对大家的javascript程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。