01第1节:jQuery淡入淡出概述
#JavaScript#在jQuery中,封装了一套用于对Html元素执行显示和隐藏的淡入和淡出效果的方法,目的是让Html元素显示/隐藏的更优雅,给用户一种良好的页面体验。
Html元素的淡入和淡出主要是使用fadeIn()和fadeOut()这2个方法实现的。
02第2节:fadeIn()方法的使用
jQuery的fadeIn()方法的主要功能是对已隐藏的Html元素操作的,以淡入的方式将隐藏的元素显示出来。
fadeIn()方法的基本语法如下:
$(selector).fadeIn(speed,callback);
fadeIn()方法说明如下:
需要在jQuery的选择器上使用。Speed参数用于设置淡入的速度,取值可以是slow、fast或者具体的毫秒数。Callback参数用于设置回调函数,就是淡入效果执行后调用的js函数代码。下面,我们举例说明一下fadeIn()方法的具体使用,Html+jQuery代码如下:
!DOCTYPEhtmlhtmlheadmeta