1.4 切换页面的淡入淡出

上一个jQuery代码段向读者演示了通过fadeIn()和fadeOut()函数实现“淡入”和“淡出”页面元素的效果。其实，使用fadeToggle()函数也能实现同样的效果，下面看具体的代码：

第05~06行中的fadeToggle()函数可以在fadeIn()函数与fadeOut()函数之间进行切换。如果元素已淡出，则fadeToggle()函数会向元素添加淡入效果；如果元素已淡入，则fadeToggle()函数会向元素添加淡出效果。第07行中的fadeTo()函数允许为渐变指定不透明度（值介于0与1之间），其语法如下：

其中speed参数用来设置显示的速度，可取值为slow、fast或毫秒；opacity参数用于指定不透明度（值介于0与1之间）；callback参数用来设置fading效果完成后所执行的函数。

提示： 目前，使用opacity参数实现的半透明效果在网页开发中应用十分广泛，尤其在层与层相互叠加时美化效果十分明显，其取值在[0，1]闭区间内，越接近数值0透明度越高，越接近数值1不透明度越高，当取值等于1时则完全不透明。 4k+GjUGd/Q/H6ImkhmWc0aECMPit2StdrnHhgEW4/6MzYEsGqlFD1lAxrfnQ18t6