<div class="cont">
<ul>
<li class="Show"><img src="images/1.jpg" alt="1" /></li>
<li><img src="images/2.jpg" alt="2" /></li>
<li><img src="images/3.jpg" alt="3" /></li>
<li><img src="images/4.jpg" alt="4" /></li>
</ul>
.Show {
display: block;
}
li {
display: none;
}
jQuery(document).ready(function () {
setInterval(function() {
jQuery('.Show').removeClass('Show').next().addClass('Show');
}, 1000);
});
嗨,我希望所有的图像结束后都可以循环播放图像,它应该从头开始。谢谢。
要进行重复操作,可以使用setInterval:
jQuery(document).ready(function () {
setInterval(function() {
jQuery('.Show').removeClass('Show').next().addClass('Show');
}, 3000);
});
如果要在显示最后一个图像之后显示第一个图像,请尝试以下代码:
jQuery(document).ready(function () {
setInterval(function() {
if(jQuery('.Show').next().length==0)
{
jQuery('.Show').removeClass('Show');
$('li:first').addClass('Show');
}
else
{
jQuery('.Show').removeClass('Show').next().addClass('Show');
}
}, 3000);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句