一直觉得js学的不扎实,网上找了项目练手,项目地址在这里。
分析
当然,今天的任务特别简单,在昨天的基础上修改即可,
- 设置一个控制方向的变量,使其自动改变方向;
- 精简代码
实现
- 新增变量
direction
控制方向
let direction = true; //true顺时针滚动,false逆时针滚动
- 去除冗余,将昨天设置的
last_num
变量去除,添加show()
,judge()
函数
//实现幻灯片的切换
function show() {
//对count初始化
for (let i = 0; i < list.children.length; i++) {
list.children[i].className = "";
count.children[i].className = "";
}
list.children[current_num].className = "current";
count.children[current_num].className = "current";
}
//通过此函数,更改幻灯片的方向
function judge() {
if (direction) {
current_num += 1;
if (current_num >= length) {
current_num -= 2;
direction = !direction;
}
} else {
current_num -= 1;
if (current_num < 0) {
current_num += 2;
direction = !direction;
}
}
}
- 其他内容只是做简单修改,具体请看完整代码。
完整代码在这里
如有错误,欢迎指正。