实现渐变在jquery里面很简单，只需要$(div).fadeIn()；和$(div).fadeOut()；就可以实现渐入渐出，自己写原生js的话比较费劲，需要照顾不同浏览器的差异，不大推荐。
为包河等地区用户提供了全套网页设计制作服务，及包河网站建设行业解决方案。主营业务为成都做网站、网站设计、外贸营销网站建设、包河网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
宽度、外边距、内边距和透明度。callback：可选。hide 函数执行完之后，要执行的函数。如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。除非设置了 speed 参数，否则不能设置该参数。
加载jQuery文件jQuery通常作为单个JavaScript文件出现，其中包含jQuery开箱即用的所有内容。
首先制作好一个自己喜欢的导航条背景，长度和宽度都可设置成和guan 方一样的。将自己制作好的导航条背景名字改成nv.png记住如果你做出来的是其他格式的话要转换成.png格式的才行。打开你的ftp上传工具连接到网站目录。
给每个菜单给以相同的ID、、然后给ID绑定点击事件，当前菜单点击时注入一个css的class，其他的注入默认的class。差不多就可以了。
在做导航栏时除了用我们熟悉的html和CSS来布局以外，还需要用到jQuery中scrollTop和scrollLeft知识，它们主要用于设置或者获取垂直滚动条的位置，根据页面被卷曲的高度来固定导航栏位置，接下来在文章中将和大家详细分享。
因为 jQuery 就是 JS 的程序包。如果使用 Mouse 事件来实现，也不是不可以，因为手势触控的本质无非还是 Mouse 事件同源的衍生计算。费老鼻子劲使用 Mouse 事假实现一个有加速减速效果的导航滑动，不经济。供参考。
1、filter：Alpha(Opacity=50)；/*100为不透明，0为全透明*/ 所以你不能用animate函数去添加filter的渐变效果。应该的写法是 //这样写在ie9模拟的ie7ie8下同样能得到渐变效果。
2、所以如果简单的使用opacity(非IE)和alpha滤镜(IE)是无法实现这个效果的，会造成全部透明。
3、jquery设置透明度渐变函数为fade..，你可以直接调用这个函数设置节点透明度渐变效果。在jquery中fade..函数实际是调用的animate函数，因此在调用animate方法时设置其参数opacity也可以达到透明度渐变操作的效果。
css方法：取得第一个段落的color样式属性的值。1 $(p).css(color)； 将所有段落的字体颜色设为红色并且背景为蓝色。
首先创建一个基础的html文件，并根据下图录入代码。从html文件找到body标签，在这个标签里创建一个div标签并添加一个类，在这把这个类设置为：rgba。
opacity和rgba都是设置透明度的，区别在于opacity是整体的透明度，标签本身及标签内容还有标签的子元素都会受到影响。rgba仅仅是改变元素的添加背景色，内容及子元素不受影响。
具体参数含义如下：opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
不可为负值，透明度参数越小透明度越高；保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色；所有代码。可以把所有代码复制到新建的html文件上，保存好后使用浏览器打开借口看到效果。