“`html
// 获取所有幻灯片
var slides = document.querySelectorAll('.slide');
// 自动切换幻灯片
var currentSlide = 0;
function nextSlide() {
slides[currentSlide].classList.remove('active');
currentSlide = (currentSlide + 1) % slides.length;
slides[currentSlide].classList.add('active');
}
// 每3秒切换一次幻灯片
setInterval(nextSlide, 3000);
“`
**使用说明:
1. 将上述代码复制到DEDECMS的模版文件中。
2. 确保你有三张图片,分别命名为`slide1.jpg`、`slide2.jpg`和`slide3.jpg`,并将它们放在与DEDECMS模板相同的目录下。
3. 调整`.slider`的`width`和`height`属性来匹配你的幻灯片尺寸需求。
这段代码实现了一个简单的自动轮播效果,每3秒自动切换到下一张幻灯片,你可以根据需要调整切换时间、幻灯片数量和图片路径。
原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/1139903.html