如何创建一个自动旋转并在鼠标悬停时停止的项目容器答案

【问题标题】：how to create an item container that rotates automatically and stops on mouse hover如何创建一个自动旋转并在鼠标悬停时停止的项目容器
【发布时间】：2014-02-12 11:48:40
【问题描述】：

       <div class="part-1 content">
            <div class="container">
                <div class="row">
                    <div class="col-sm-2">
                        <img src="images/sc/part-1-alt.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">
                    </div>

                    <div class="col-sm-2">
                        <img src="images/sc/part-2.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">
                    </div>

                    <div class="col-sm-2">
                        <img src="images/sc/part-3.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">
                    </div>

                    <div class="col-sm-2">
                        <img src="images/sc/part-4.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">
                    </div>

                    <div class="col-sm-2">
                        <img src="images/sc/part-5.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">
                    </div>

                    <div class="col-sm-2">
                        <img src="images/sc/part-6-alt.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">
                    </div>
                </div>
            </div>
        </div>

这是我想要表现的元素。我想要的是让它看起来像你在新闻中看到的乐队，当我将鼠标悬停在它上面时会移动和停止。我正在使用引导程序 3，如果它可以在其轮播中完成，那就太好了。在问这个之前我做了一些搜索，但我真的找不到任何相关的东西，所以如果这实际上是另一个措辞不同的问题的重复，请原谅

【问题讨论】：

标签： jquery html css twitter-bootstrap-3

【解决方案1】：

哦，它叫做无限循环 carousel，有一个选项可以指定要触发暂停的事件：http://getbootstrap.com/2.3.2/javascript.html#carousel。

$('.carousel').carousel({
  interval: 2000,
  pause: 'hover' 
 /*Pauses the cycling of the carousel on mouseenter 
 and resumes the cycling of the carousel on mouseleave. */
})

【讨论】：

youtube.com/watch?v=0v7ddB_9cGc 我希望它像视频中的天气文本栏一样旋转，如果你知道我的意思的话
我明白了。 Rotate对于网页设计和开发有很多意义，你应该更具体。这是一个称为 loop 的轮播。我已经更新了我的答案，请检查。我刚刚看了 RoboCop :P.
感谢您的更新。希望您喜欢您的电影。但是，问题是我如何使列项连续循环？