css - jQuery 插件 - DIV 框转换器/推子？

Question

你能帮我提供一个或两个链接到一个自动淡出不同 div 框的插件吗？这是我的 HTML:

<div class="box">
    <img src="test1.jpg" />
    <p>text1</p>
</div>

<div class="box">
    <img src="test2.jpg" />
    <p>text2</p>
</div>

<div class="box">
    <img src="test3.jpg" />
    <p>text3</p>
</div>

谢谢。感谢所有意见。

Answer 1

您想按顺序淡入吗？

$(".box:first").fadeIn("fast", f=function(){
    if($(this).next(".box").length != 0) $(this).next(".box").fadeIn("fast", f);
});

编辑

确保框默认隐藏:

CSS: .box { display: none; } 或 jQuery:$(".box").hide()。