我可以使用切换来水平显示图像吗

  • Z时代
  • 2024-01-10
  • 分类：问答

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

我的标记是如下

<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>

所以，我怎么能告诉切换，使图像出现在一个水平线上，而不是verticle线？

回答：

你可以使用jQueryUI。

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

回答：

恐怕你不会有任何内置的方法。你需要使用动画功能上，或者你需要扩展jQuery的方法来获取该功能..

您可以使用jQueryUI的或Cycle Plugin实现这一

也有看看这个

jQuery slide left and show

以上是 我可以使用切换来水平显示图像吗 的全部内容， 来源链接： utcz.com/qa/262926.html

回到顶部