天天看点

纯html可以做轮播吗,纯HTML+JS实现轮播

极简轮播图

img:hover {

transform: translate(0, 0px);

padding-bottom: 10px;

}

上一个

纯html可以做轮播吗,纯HTML+JS实现轮播

οnmοuseοut="int()" />

下一个

var images = [

"http://cdn.wuliwu.top/girlcar-lengthcenter",

"http://cdn.wuliwu.top/girlcat-lengthcenter",

"http://cdn.wuliwu.top/girleat-lengthcenter"

];

var slider = document.getElementById("slider");

var num = 0;

function next() {

num++;

if (num >= images.length) {

num = 0;

}

slider.src = images[num];

}

// 上一个按钮点击事件

function prev() {

num--;

if (num < 0) {

num = images.length - 1;

}

slider.src = images[num];

}

// 计时器触发函数

function int() {

next();

meter1 = setTimeout('int()', 2000);

}

// 这里要先调用一下,在页面打开就执行轮播

int();

原文出处:https://www.cnblogs.com/chalkbox/p/11812316.html