垂直手风琴内容滑块理想情况下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

回答

相关问题