本文实例讲述了js实现同一个页面多个渐变效果的方法。分享给大家供大家参考。具体分析如下:
这里可实现5个元素中随便一个,鼠标移上去透明度渐渐增加,鼠标移出,透明度渐渐减小的效果。
要点一:
obj.alpha){
speed = 5;
}else{
speed = -5;
}
根据目标值和当时值的对比,来决定是正向还是负向速度。
要点二:
SEOver = function(){
startrun(this,100);
}
runs_li[i].onmouSEOut = function(){
startrun(this,30);
}
}
给每一个元素加上各自的透明度值,各自的透明度变化分开。
最后,上代码:
- 1
- 2
- 3
- 4
- 5