jQuery编程动画的基本方法示例详解

$("button").click(function () {
  $("p").show("slow");
});

$("#hidr").click(function () {
  $("div").hide(1000);
});

$(document.body).click(function () {
  $("div:hidden:first").fadeIn("slow");
});

$("p").fadeOut("slow");

$("#Go").click(function(){
  $("#block").animate({
    width: "70%",
    opacity: 0.4,
    marginLeft: "0.6in",
    fontSize: "3em",
    borderWidth: "10px"
  }, 1500 );
});

$("div").slideDown("slow");

$(document.body).click(function () {
    if ($("div:first").is(":hidden")) {
        $("div").show("slow");
    } else {
        $("div").slideUp();
    }
});

$("div.first").slideUp(300).delay(800).fadeIn(400);

$("#start").click(function () {
    $("div").slideUp(300).delay(800).fadeIn(400);
})
$("#stop").click(function () {
  var myDiv = $("div");
  myDiv.clearQueue();
  myDiv.stop();
});

$(this).fadeTo("fast", Math.random());