1

我正在使用一个按钮将图像的状态从“隐藏”切换到“显示”。我可以显示图像，但是当它们显示时，它们会以垂直对齐方式出现。我希望图像水平显示而不是垂直显示。

我的标记如下

<div class="left ch-ad-profile-left eleven columns">
    <button>
        <div class="boxes-212x100">
            <h4 class="blue">Parked Ads</h4>
            <div class="status-l">
                <p>Updates</p>
                <center><span>18</span></center>
            </div>
            <div class="status-r">
                <p>Removed</p>
                <center><span>3</span></center>
            </div>
            <div class="clearfix"></div>
        </div>
    </button>
    <script>
        $("button").click(function () {
            $(".boxes-112x100-1").slideToggle("slow");
        });
    </script>

    <!--end class=boxes-212x100-->
    <div class="boxes-112x100-1" style="display:none;">
        <img src="../../../images/placeholder-small.png" class="" alt="">
    </div>
    <div class="boxes-112x100-1" style="display:none;">
        <img src="../../../images/placeholder-small.png" class="" alt="">
    </div>
    <div class="boxes-112x100-1" style="display:none;">
        <img src="../../../images/placeholder-small.png" class="" alt="">
    </div>
    <div class="boxes-112x100-1" style="display:none;">
        <img src="../../../images/placeholder-small.png" class="" alt="">
    </div>
    <div class="boxes-112x100-1" style="display:none;">
        <img src="../../../images/placeholder-small.png" class="" alt="">
    </div>
    <div class="clearfix"></div>
</div>

那么如何告诉切换以使图像显示在水平线而不是垂直线中？

4

2 回答 2

0

您可以为此使用 jQueryUI。

http://docs.jquery.com/UI/Effects/Slide

于 2012-10-01T15:17:04.263 回答
0

恐怕你没有任何内置方法。你需要使用 animate 函数，或者你需要扩展 jQuery 方法来获得该功能。

您可以使用 jQueryUi 或Cycle Plugin来实现这一点

也看看这个

jQuery向左滑动并显示

于 2012-10-01T15:17:41.233 回答