本机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）{属性}
}
}；



打电话给我
打电话给我




演示：





以上是本文的全部内容，希望大家能喜欢。