jquery - 如何使 jquery 滑块重复?
问题描述
我有这个滑块,我想让它不停地重复!
当 .dtm-bg 1 显示时,我想隐藏 .dtm-bg 2 和 .dtm-bg 3,
同时显示
01 / 03
当 .dtm-bg 1 显示时,隐藏其他有什么解决办法吗?!
HTML
<div class="sliders">
<div class="dtm-bg 1" style="background-image: url("../imgs/img1.jpg");> </div>
<div class="dtm-bg 2" style="background-image: url("../imgs/img2.jpg");> </div>
<div class="dtm-bg 3" style="background-image: url("../imgs/img3.jpg");></div>
</div>
<div class="numbers">
<p>01 / 03</p>
<p style="display: none;">02 / 03</p>
<p style="display: none;">03 / 03</p>
</div>
jQuery
var imgArr = $('.dtm-bg').get();
function slide(){
var img = imgArr.shift();
imgArr.push(img);
$(img).delay(3500).show('fade',1500,function(){
$(this).animate({'background-position-y': '-94em'},3000,function(){
$(".numbers p:visible").hide()
$(".numbers p:nth-child(2)").show()
window.setTimeout(slide,10);
});
});
}
slide();
解决方案
推荐阅读
- javascript - 自定义带有useeffect的react hook,不能在非组件函数中使用
- php - php 表和从数据库中选择,但它们在正确的索引位置不匹配
- javascript - 将数据传递给 react native modal
- spring-boot - application.properties & application.yml 中相同属性的优先顺序
- flutter - Flutter Android Studio 错误:无法获取未知属性“keystoreProperty”
- c++ - 如何使用 cpp 程序播放音乐文件?
- console.log - 在 jsbin 中运行 console.log() 的快捷键是什么?
- ruby - 通过代理的 Ruby 套接字
- python - 如何将通过列表运行的函数的输出分配给变量?
- typescript - 如何在 TypeScript 中扩展原始类型?