1、但是，看了一下，那个渐变效果毕竟是CSS3的属性，对于较老的浏览器就会失灵，还是用js实现可能更保险些。
创新互联-专业网站定制、快速模板网站建设、高性价比茫崖网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式茫崖网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖茫崖地区。费用合理售后完善，十载实体公司更值得信赖。
2、jQuery的一个扩展库），提供了颜色渐变的动画，包括color， background-color等与颜色相关的CSS属性都可以进行动画，具体代码实例可以参见jQuery UI的guan 方网站，使用起来很容易。
3、第一种方式：你使用的现有库中有没有开启和关闭遮罩的api，如果有的话，直接照着api使用即可；第二种方式：自己写个遮罩。
1、jQuery的animate函数可以进行与尺寸相关CSS样式动画，但对于如background-color等与颜色相关的CSS样式渐变的动画没有提供。
2、可以，当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right。backgroundColor。颜色动画不包含在核心 jQuery 库中。
3、只有数字值可创建动画（比如 margin：30px）。字符串值无法创建动画（比如 background-color：red）。注释：使用 += 或 -= 来创建相对动画（relative animations）。
4、jQuery中的animate方法的实现原理，是用定时器根据步长来逐渐改变属性值的，因此只支持数值型的属性改变，而颜色不具有十进制的增减性，所以实现不了。建议可以在jQuery.UI库中实现，或自己写过渡。
5、#s { position： relative； width： 100px； height： 100px； background： rgb(100，100，100)； } 只是简单写个例子，这里你把 rgb或background的参数改改就好了吧。
6、保存以上内容，并在浏览器预览效果。为元素设置animate()动画方法，使其被点击之后，在3秒之中实现宽度变大，高度变小，成为一个长方形。
jQuery fadeIn() 用于淡入已隐藏的元素。2 jQuery fadeOut() 方法用于淡出可见元素。
实现渐变在jquery里面很简单，只需要$(div).fadeIn()；和$(div).fadeOut()；就可以实现渐入渐出，自己写原生js的话比较费劲，需要照顾不同浏览器的差异，不大推荐。
location可选属性，选择渐变节点位置，用百分数表示，0%表示起始点，100%为结束点，若不写所有渐变色节点将均匀分布。
从代码的执行过程中，可以发现，hide(600)方法会同时减少“内容”的高度、宽度和不透明度，直至3个属性的值为0，最后设置该元素的CSS规则为“display：none”。
对。渐变指的是颜色的渐变，从一个颜色慢慢过渡到另一个颜色，编辑器下面的色标可以用来调整不透明度是对的，用鼠标单击色标就可以调整不透明度了，此外，还有新建色标等操作。
