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实现动效 淡出 滑动的主要内容,如果未能解决你的问题,请参考以下文章

使用AnimateWindow来实现窗口淡入淡出(主要有四种动画,滚动,滑动,折叠或展开,和淡入淡出)

列表是淡出滑动的,而不是只有淡出和滑动上面的一个div

定时器图片轮播淡入淡出基本功能已实现,正在修改BUG中。。(附图效果和源代码)

带有 jQ​​uery 悬停淡入淡出效果的表格

JQ最简单最易懂的淡入淡出选项卡

jq交叉淡入淡出轮播图