html常用的动画效果,常用jQuery动画效果

$(document).ready(function() {

$("#testhide").click(function() {

// 动画效果

$("#first").hide("slow");

});

$("#testshow").click(function() {

// 动画效果

$("#first").show("slow");

});

$("#testtoggle").click(function() {

// 动画效果

$("#first").toggle("slow");

});

$("#testslideup").click(function() {

// 动画效果

$("#first").slideUp("slow");

});

$("#testslidedown").click(function() {

// 动画效果

$("#first").slideDown("slow");

});

$("#testslidetoggle").click(function() {

// 动画效果

$("#first").slideToggle("slow");

});

$("#testfadein").click(function() {

// 动画效果

$("#first").fadeIn("slow");

});

$("#testfadeout").click(function() {

// 动画效果

$("#first").fadeOut("slow");

});

$("#testfadetoggle").click(function() {

// 动画效果

$("#first").fadeToggle("slow");

});

$("#testanimate").click(function() {

// 动画效果

$("#first").animate({

fontSize: "12px"

}, "slow");

});

});