本机js实现类似于弹出式抖动效果。

本机js实现类似于弹出式抖动效果。
在以前做过的抖动窗口上做了一个无限变色的小动作。

文件

div {文本对齐:中心;线高度:150px;font-weight: bold;}
# DV {宽度:300px;身高:150px;位置:绝对;左:200px;顶部:100px;背景:红色;}
# DV2 {宽度:300px;身高:150px;位置:绝对;左:600px;顶部:100px;背景:黄色;}
窗口。指针函数(){
随机数0—255
功能getrandnumber(Rmin,Rmax){
VaR茶= Rmax Rmin;
VaR兰德= Math.random();
返回Rmin + math.round(茶*兰德)
}
VaR ODV = document.getelementbyid('dv)
无功odv2 = document.getelementbyid('dv2)
需要得到抖动数组的值。
var arr = { };

随机色
setInterval(){()函数(
VaR arr2 = {
(0255)getrandnumber,
(0255)getrandnumber,
(0255)getrandnumber
};

ODV。风格。背景颜色= RGB(+ arr2 { 0 } +
},130)
数组增益/抖动中的值
对于(var i = 20;i 0;i = 2){
Arr.push(我,我)
}
第一个盒子抖动
ODV。onclick =函数(){
Sb(ODV,右,函数()){
Sb(ODV,' ')
})

}
第二个/盒抖动
odv2。onclick =函数(){
Sb(odv2,右,函数()){
Sb(odv2,' ')
})

}
抖动
功能某人(obj,属性,fnend){
var定时器= null;
var = 0;

ClearInterval(定时器)
定时器= setInterval(){()函数(
obj。风格{属性} = parseInt(getstyle(obj,ATTR))+ ARR {民} + 'px
数字+;
如果(Num = = = arr.length){
ClearInterval(定时器)
FnEndfnEnd()
obj .innerHTML =我+ getstyle(obj,'backgroundcolor ')+颜色
警告(1)
}

},50)

}

功能getstyle(obj,ATTR){
返回的对象。currentstyleobj。currentstyle {属性}:getcomputedstyle(obj){属性}
}
};
打电话给我
打电话给我

演示:
以上是本文的全部内容,希望大家能喜欢。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部