jq实现动效 淡出 滑动

Posted prospective-zkq

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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;">

以上是关于jq实现动效 淡出 滑动的主要内容,如果未能解决你的问题,请参考以下文章