gpt4 book ai didi

jquery - 如何创建在鼠标悬停时停止的图像 slider ?

转载 作者:行者123 更新时间:2023-11-28 06:02:12 25 4
gpt4 key购买 nike

这是我的代码

<body>
<div id="slideshow">
<div>
<img src="assets/images/home-banner.jpg" width="995" height="421" alt=""/>
</div>
<div>
<img src="assets/images/banner1.jpg" width="995" height="421" alt=""/>
</div>
<div>
<img src="assets/images/home-banner.jpg" width="995" height="421" alt=""/>
</div>
<div>
<img src="assets/images/banner1.jpg" width="995" height="421" alt=""/>
</div>
</div>
<script>
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
</script>
</body>

最佳答案

首先,用你的代码做这件事有点困难,它应该重新格式化为一个函数 havig 作为 Angular 色来做滑动图像让我们假设这个函数有一个名称 animate_slider() ,以及在鼠标悬停时停止它你只需要像这样设置一个 clearInterval 时间参数:

var time=setInterval("animate_slider()",3000);
$('div#slideshow').mouseover(function(){
clearInterval(time);
});

关于jquery - 如何创建在鼠标悬停时停止的图像 slider ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36687388/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com