垂直手風琴內容滑塊理想情況下jQuery

我一直在尋找垂直手風琴內容滑塊一段時間。我找到了一個：http://www.marghoobsuleman.com/jQuery-common-accordion，它很不錯。我在我的網站上實現了它http://www.pixeltrics.com/垂直手風琴內容滑塊理想情況下jQuery

但是有一些我不滿意的事情。它不是很流暢，即使我將自動續播時間設置爲4秒，似乎第一張幻燈片切換到第二張幻燈片需要更長的時間，然後他們開始每秒鐘切換。所以有些事情是不正確的。

有誰知道另一個垂直手風琴插件我可以試試嗎？理想情況下是一個jQuery。

謝謝。

來源

2011-09-02 pixelwiz

平穩運行，我在Chrome。您是否在其他瀏覽器和計算機配置上嘗試過？在你的情況下，我還建議添加固定的高度，以便在動畫完成後不會「彈出」它們以擴展以適應內容;不過如果你設置了固定高度，你需要在內容改變時進行調整 - 或者如果這樣做不實際，那麼在頁面加載後用JavaScript設置高度。 –

是的，第一個動畫確實有比所有後續動畫更長的延遲。但是這對您的使用或配置不是問題。我建議將該錯誤報告給插件作者。 –

有JQuery的UI是JQuery的差不多的兄弟和它有很多有用的小工具，包括手風琴：

http://jqueryui.com/demos/accordion/

來源

2011-09-02 18:12:30 Shedokan

爲什麼使用插件時，這是很容易使用jQuery一個人嗎？例如...

HTML

<div class="wrap"> 
    <div class="heading">Heading</div> 
    <div class="body">Body</div> 
</div> 
<div class="wrap"> 
    <div class="heading">Heading</div> 
    <div class="body">Body</div> 
</div> 
<div class="wrap"> 
    <div class="heading">Heading</div> 
    <div class="body">Body</div> 
</div>

jQuery的

$(function() { 

    $('.body').hide();    

    $('.heading').hover(function() { 

     $(this).next('.body').stop().slideToggle(500); 
     $(this).parent().siblings('.wrap').children('.body').stop().slideUp(500); 

    }, function() { 

     $(this).next('.body').stop().slideToggle(500); 

    }); 
});

來源

2011-09-02 18:20:32 65Fbef05

感謝您的支持，但我也需要它每4秒自動播放/滑動一次，並從一張幻燈片開始。我希望它暫停，如果有人鼠標懸停，但幾秒鐘後恢復。所以它有點像手風琴和滑塊的組合 – pixelwiz

有一個非常酷的圖像和手風琴jQuery插件我開發了名爲Slidorion。它結合了一個圖像滑塊和一個手風琴，所以可能是你想要的。檢查出來...

http://www.slidorion.com

來源

2011-10-26 01:11:30 hollandben

垂直手風琴內容滑塊理想情況下jQuery

回答

相關問題