jQuery – 动态效果的实现

函数	效果
hide()	隐藏
show()	显示
fadeIn()	淡入
fadeOut()	淡出
fadeToggle()	淡入/淡出
slideDown()	滑下来
slideUp()	滑上去
slideToggle()	滑下来/滑上去
animate()	动画

$("#hide").click(function(){
    $("p").hide();
});
 
$("#show").click(function(){
    $("p").show();
});

$("button").click(function(){
    $("#div2").fadeIn("slow"); //速度为fast,slow
    $("#div3").fadeIn(3000);  //淡入的时间为3秒


$("button").click(function(){
  $("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'
  });  // 使用动画的效果改变css到目标状态
});


});

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

$("p").hide();

});

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

$("p").show();

});

$("button").click(function(){

$("#div2").fadeIn("slow"); //速度为fast,slow

$("#div3").fadeIn(3000); //淡入的时间为3秒

$("button").click(function(){

$("div").animate({

left:'250px',

opacity:'0.5',

height:'150px',

width:'150px'

}); // 使用动画的效果改变css到目标状态

});

　参考

https://www.runoob.com/jquery/jquery-fade.html