$('input').click(function(){ $('#div1').fadeTo("slow",0.2,function(){ $('#div1').css("display","none"); }) })
.fadeToggle()
通过匹配元素的不透明度动画,来显示或者隐藏他们。
    .fadeToggle([duration][,easing][,complete])
      duration(默认:400)
        一个字符串或者数字决定动画将运行多久。
      easing(默认:swing)
        一个字符串,表示过渡使用哪种缓动函数
      complete
        在动画完成时执行的函数。
    .fadeToggle(opacity)
      opacity
        一组包含动画选项的值的集合。
    用法:
$("input").click(function(){ $('#div1').fadeToggle(2000) })
.slideDown()
用滑动动画显示一个匹配元素。
    .slideDown([duration][,complete])
      duration
        一个字符串或者数字决定动画将运行多久。
      complete
        在动画完成时执行的函数。
    .slideDown(opacity)
       opacity
         一组包含动画选项的值的集合。
    .slideDown([duration][,easing][,complete])
      duration
        一个字符串或者数字决定动画将运行多久。
      easing
        一个字符串,表示过度使用哪种缓动函数。
      complete
        在动画完成时执行的函数。
用法:
$("input").click(function(){ $('#div1').slideDown(2000) })
.slideUp()
  用滑动动画隐藏一个匹配元素。
  .slideUp([duration][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    complete
      在动画完成时执行的函数。
  .slideUp(opacity)
    opacity
    一组包含动画选项的值的集合。
  .slideUp([duration][,easing][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    easing
      一个字符串,表示过度使用哪种缓动函数。
    complete
      在动画完成时执行的函数。
  用法:
$("input").click(function(){ $('#div1').slideUp(2000) })
.slideToggle()
  用滑动动画显示或隐藏一个匹配的元素。 
  .slideToggle([duration][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    complete
      在动画完成时执行的函数。
  .slideToggle(opacity)
    opacity
      一组包含动画选项的值的集合。
  .slideToggle([duration][,easing][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    easing
      一个字符串,表示过度使用哪种缓动函数。
    complete
      在动画完成时执行的函数。
效果:
$("input").click(function(){ $('#div1').slideToggle(2000) })
以上内容是小编给大家介绍的Jquery 效果使用详解,希望大家喜欢。
您可能感兴趣的文章:
