jq實現動效 淡出 滑動

1.圖片的淡出效果 fadeIn

$(document).ready(function(){
     $("#div").fadeIn("slow");
});

<div id="div" style="width:80px;height:80px;display:none;background-color:violet;"></div>

2.圖片的滑動效果 

$(document).ready(function(){
    $("#box").animate({height:"300px"},"slow");
});

<div id="box" style="background:#98bf21;height:100px;width:100px;margin:6px;">