javaｓｃｒｉｐｔ淡入淡出渐变的简单例子

本文介绍了javaｓｃｒｉｐｔ淡入淡出和淡出淡入淡出的实现，供大家参考：

这里是javaｓｃｒｉｐｔ淡入淡出的文本渐变例子，用js来控制div标签元素，实现梯度显示，在隐藏的渐变中，只要标签内容，可以淡入，代码简单，易于修改，前端设计者必不可少的网页效果。

运行效果如下图所示：
具体代码如下：
js代码控件元素很容易淡入淡出。

*边距：0；填充：0 }
体{字体：12px Verdana，宋体；颜色：# 777；背景：# 222 }
一个{颜色：# 999；文字装饰：无}
答：悬停{颜色：# BBB }
#包装{宽度：500px；保证金：75px汽车}
#按钮{身高：35px }
{ border: 1px solid。按钮# EEE；背景：# CCC；边界半径：3px；-moz边界半径：3px；填充：4px 0 5px；宽度：245px；文本对齐：中心；和5px；
。按钮：悬停{ border: 1px solid # FFF；背景：# d9d9d9；颜色：# 333 }
floatright {浮动：右}。
#褪色{不透明度：0；过滤器：α（透明度= '0'）边界半径：3px；-moz边界半径：3px；margin-bottom: 10px；填充：9px 10px 0；高度：26px；边界：1px，边境：1px；10px；
fadeeffect =函数（）{ var
返回{
init（函数，标志，目标）{
this.elem = document.getelementbyid（ID）；
ClearInterval（这个元素，Si）；
this.target =目标：标志100：0；
this.flag =旗1 | |；
this.alpha = this.elem.style.opacity parseFloat（这个元素。风格。透明度）：100×0；
this.si = setInterval（function（）{ fadeeffect.tween（）}，20）；
}，
函数（）{
如果（this.alpha = =这个目标）{
ClearInterval（这个。四）；
其他{ }
VaR值= math.round（this.alpha +（（（this.target -α）×05））+（1×这个标志）；
this.elem.style.opacity =价值/ 100；
this.elem.style.filter = 'alpha（透明度= +价值+ '）'；
this.alpha =价值
}
}
}
（}）；

javaｓｃｒｉｐｔ淡入淡出示例

淡入
淡出

更多信息，访问风格都是版权所有。

希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。