极简轮播图
img:hover {
transform: translate(0, 0px);
padding-bottom: 10px;
}
上一个
ο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