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;">