主要介绍了js实现透明度渐变效果的方法,涉及javascr ipt实现渐变效果的技巧,非常具有实用价值,需要的朋友可以参考下

经常看到网页里图片渐变显示，自己写一个。 原理很简单就是修改元素的css透明度。 在线预览效果：http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/ 代码如下: 原生Js元素渐隐/渐显方法 <butt

本文实例讲述了js实现透明度渐变效果的方法。分享给大家供大家参考。具体分析如下： 这里可实现一开始元素的透明度是30，鼠标移上的时候，透明度慢慢增加，到透明度100停止。鼠标移出，透明度慢慢减少，减少到30的效果。 要点一：因为无法直接获取和改变透明度的值，可以把透明度值赋给一个变量，让变量变化，最后把变量的值再赋给元素的透明值。 var alpha=30; 要点二：判断目标值和目前透明值，来判定是正向速度还是负向速度。 if(target > alpha){ speed = 2;