Question

我需要一个垂直的转盘来展示一些像Lastest NEWS这样的东西。我需要无限，没有鼠标帮助...所有自动。我需要中级帮助！有人知道我在哪里可以找到类似的东西吗？

谢谢：）

重述问题：

我需要像盒子一样的东西：http://www.dealextreme.com/ ....中的“最近订单”位于右下方。

Answer 1

使用jCarousel。您需要合并vertical，circular和autoscrolling选项。

修改：here's a demo让您入门。

HTML

<div id="mycarousel"> 
    <ul> 
        <li><h3>News Item 1</h3><a>Link 1</a></li>
        <li><h3>News Item 2</h3><a>Link 2</a></li>
        <li><h3>News Item 3</h3><a>Link 3</a></li>
        <li><h3>News Item 4</h3><a>Link 4</a></li>
        <li><h3>News Item 5</h3><a>Link 5</a></li>
    </ul> 
</div>

的JavaScript

$(function() {
    $('#mycarousel').jcarousel({
        vertical: true,
        scroll: 1,
        auto: 2,
        wrap: 'circular'
    });
});

Answer 2

查看高度可配置的http://jquery.malsup.com/cycle/。

有垂直滚动/滑动效果。

具体来说，您需要某种类型的分页机制，如演示页面中所示：

http://jquery.malsup.com/cycle/int2.html

jQuery Cycle功能非常强大，但确实有学习曲线，你可能需要尝试不同的功能来获得你需要的东西。

此外，除了图像之外，它还会滚动相当复杂的内容。

Answer 3

以下是垂直轮播，您可以提取代码并使用。

http://www.ajaxshake.com/demo/EN/890/920497f7/horizontal-and-vertical-jquery-content-carousel-jscarousel.html

垂直旋转木马jquery或javascript连续

3 个答案:

HTML

的JavaScript