JQuery效果

1、隐藏和显示

hide()、show()、toggle()

// 第一个参数 可选的speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
// 第二个参数是一个字符串，表示过渡使用哪种缓动函数。（注：jQuery自身提供"linear" 和 "swing"）。
// 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
$(document).ready(function(){
  $(".hidebtn").click(function(){
    $("div").hide(1000,"linear",function(){
      alert("Hide() 方法已完成!");
    });
  });
});

2、淡入淡出

fadeIn()：

fadeOut()：

fadeToggle()：

fadeTo()：

// $(selector).fadeIn(speed,callback);
// 可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒.
// 可选的 callback 参数是 fading 完成后所执行的函数名称。
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeIn();
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(3000);
  });
});

$(document).ready(function(){ $(".hidebtn").click(function(){ $("div").hide(1000,"linear",function(){alert("Hide() 方法已完成!"); }); }); });