前端项目实战（javascript）部分

最新推荐文章于 2024-07-11 10:30:39 发布

ざ宸梓灏

最新推荐文章于 2024-07-11 10:30:39 发布

阅读量204

点赞数 1

本文链接：https://blog.csdn.net/weixin_56709347/article/details/117232552

版权

实现轮播图效果

var next = document.getElementById("next")
var body = document.getElementById("body")
var index = 1; //记录当前背景图片是第几张
function nextOne(){		
	index += 1;
	if(index > 7){
		next.style.opacity = .1;
	}
	body.src = "img/"+ index +".jpg";
}
var bug = document.getElementById("last")
function lastOne(){		
	index -= 1;
	if(index < 2){
		bug.style.opacity = .1;
	}
	body.src = "img/"+ index +".jpg";		
}