Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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
Jquery 如何创建自动旋转并在鼠标悬停时停止的项目容器_Jquery_Html_Css_Twitter Bootstrap 3 - Fatal编程技术网

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

Jquery 如何创建自动旋转并在鼠标悬停时停止的项目容器,jquery,html,css,twitter-bootstrap-3,Jquery,Html,Css,Twitter Bootstrap 3,这是我想要表现的元素。我想要的是让它看起来像你在新闻上看到的一个乐队,当我把鼠标悬停在它上面时,它会移动并停止。我使用的是Bootstrap3,如果它可以在旋转木马中完成,那就太棒了。在问这个问题之前,我做了一些搜索,但我真的找不到任何相关的东西,所以请原谅,如果这实际上是另一个不同措辞的问题的重复,那么它被称为无限循环,并且有一个选项,您可以指定要触发暂停的事件: 我希望它像这个视频中的天气文本栏一样旋转,如果你知道我的意思的话。轮换在网页设计和开发方面有很多意义,你应该更具体一些。这是一个被

这是我想要表现的元素。我想要的是让它看起来像你在新闻上看到的一个乐队,当我把鼠标悬停在它上面时,它会移动并停止。我使用的是Bootstrap3,如果它可以在旋转木马中完成,那就太棒了。在问这个问题之前,我做了一些搜索,但我真的找不到任何相关的东西,所以请原谅,如果这实际上是另一个不同措辞的问题的重复,那么它被称为无限循环,并且有一个选项,您可以指定要触发暂停的事件:


我希望它像这个视频中的天气文本栏一样旋转,如果你知道我的意思的话。轮换在网页设计和开发方面有很多意义,你应该更具体一些。这是一个被称为循环转盘。我已经更新了我的答案,请检查。我刚才刚看了《机器人足球》,谢谢你的更新。我希望你喜欢你的电影。然而,问题是我如何使列项目像这样连续循环?
       <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>
$('.carousel').carousel({
  interval: 2000,
  pause: 'hover' 
 /*Pauses the cycling of the carousel on mouseenter 
 and resumes the cycling of the carousel on mouseleave. */
})