jQuery效果
jQuery本身就自带了可以实现图片显示隐藏的效果:
- fadeIn()
本身控制html中元素的dispaly属性为none,的图片划入页面。
fadeIn(参数1,参数2),参数1为图片的划入的快慢:“fast”,“slow”以及具体的毫秒数,毫秒数不加“”,参数2划入以后执行的函数 - fadeOut()
本身控制html中元素的dispaly属性为block,的图片划出页面。
fadeOut(参数1,参数2),参数1为图片的划出的快慢:“fast”,“slow”以及具体的毫秒数,毫秒数不加“”,参数2划出以后执行的函数 - fadeToggle()
本身控制html中元素的dispaly属性显示隐藏。
fadeToggle(参数1,参数2),参数1为图片的划出的快慢:“fast”,“slow”以及具体的毫秒数,毫秒数不加“”,参数2划出以后执行的函数 - fadeTo()
本身控制html中元素的opacity属性显示图片透明度。opacity和visibility更像
fadeTo(参数1,参数2,参数3)参数1为图片的划出的快慢:“fast”,“slow”以及具体的毫秒数,毫秒数不加“”,参数2为图片的透明度,参数2介于0(隐藏)——1(显示)之间,参数3为图片淡化以后执行的参数。
总结
- fadeIn(),fadeOut(),fadeToggle()三个方法没有两个参数随便写那个都可以执行,而fadeTo()的前两个参数一个都不能少,而且顺序也不能错
- fadeTo()中提到的opacity的值为0时和visibility属性为:hidden时都是元素不显示,但是位置还在