jQuery插件 - DIV盒子更换器/推子?

时间:2011-04-25 13:51:01

标签: css jquery-plugins jquery

你能帮我一个或两个链接到一个自动淡入不同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>

谢谢。感谢所有投入。

2 个答案:

答案 0 :(得分: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()

答案 1 :(得分:1)