Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
垂直carrousel jquery或javascript continuous_Jquery_Jcarousel - Fatal编程技术网

垂直carrousel jquery或javascript continuous

垂直carrousel jquery或javascript continuous,jquery,jcarousel,Jquery,Jcarousel,我需要一个垂直的旋转木马来展示一些东西,比如最近的新闻。我需要无限,没有鼠标的帮助。。。都是自动的。 求求你,我需要你的帮助!,有人知道我在哪里能找到这样的东西 谢谢:) 问题重拍: 我需要像盒子一样的东西:“最近的订单”在。。。。位于右下方。使用。您将组合、和选项 编辑:让你开始 HTML 查看哪些是高度可配置的 有垂直滚动/滑动效果 具体来说,您需要某种类型的分页机制,如演示页面中所示: jQuery循环非常强大,但它确实有一个学习曲线,您可能需要尝试不同的易用性来获得您所需要的 此外,

我需要一个垂直的旋转木马来展示一些东西,比如最近的新闻。我需要无限,没有鼠标的帮助。。。都是自动的。 求求你,我需要你的帮助!,有人知道我在哪里能找到这样的东西

谢谢:)

问题重拍:

我需要像盒子一样的东西:“最近的订单”在。。。。位于右下方。

使用。您将组合、和选项


编辑:让你开始

HTML 查看哪些是高度可配置的

有垂直滚动/滑动效果

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

jQuery循环非常强大,但它确实有一个学习曲线,您可能需要尝试不同的易用性来获得您所需要的


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

下面是垂直旋转木马,您可以提取代码并使用


我需要一次一次地隐藏一个并显示一个。。。想象一个有五行的方框,像这样:NEWS1 NEWS2 NEWS3 NEWS4 NEWS5,我需要这行NEWS5转到第一行,NEWS1转到最后一行。。。像往常一样向对方展示。。。Jcarousel在页面中显示,对我没有好处,因为你没有在寻找旋转木马。你想要什么真的不清楚。你能重新措辞你的问题吗?一个简单的图表可能会有帮助。我重新设计了这个问题。。。请reed@Matt这个球看起来不错,我会把它放在工具箱里+祝你好运!具体来说,请查看
fx:scrollUp
选项,并查看名为“非图像内容”的部分我重新制作了问题。。。请根据您更新的规范重新数据库,jQuery Cycle不是解决方案,因为您需要一次查看多个项目。jCarousel的Matt Balls演示是一个很好的解决方案。
<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>
$(function() {
    $('#mycarousel').jcarousel({
        vertical: true,
        scroll: 1,
        auto: 2,
        wrap: 'circular'
    });
});