Jquery 如何创建自动旋转并在鼠标悬停时停止的项目容器
这是我想要表现的元素。我想要的是让它看起来像你在新闻上看到的一个乐队,当我把鼠标悬停在它上面时,它会移动并停止。我使用的是Bootstrap3,如果它可以在旋转木马中完成,那就太棒了。在问这个问题之前,我做了一些搜索,但我真的找不到任何相关的东西,所以请原谅,如果这实际上是另一个不同措辞的问题的重复,那么它被称为无限循环,并且有一个选项,您可以指定要触发暂停的事件:Jquery 如何创建自动旋转并在鼠标悬停时停止的项目容器,jquery,html,css,twitter-bootstrap-3,Jquery,Html,Css,Twitter Bootstrap 3,这是我想要表现的元素。我想要的是让它看起来像你在新闻上看到的一个乐队,当我把鼠标悬停在它上面时,它会移动并停止。我使用的是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. */
})