jquery自带的四个可用于轮播的方法

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为图片淡化以后执行的参数。
总结
  1. fadeIn(),fadeOut(),fadeToggle()三个方法没有两个参数随便写那个都可以执行,而fadeTo()的前两个参数一个都不能少,而且顺序也不能错
  2. fadeTo()中提到的opacity的值为0时和visibility属性为:hidden时都是元素不显示,但是位置还在

猜你喜欢

转载自blog.csdn.net/weixin_38242293/article/details/80066528
今日推荐