题目需要在一个页面插入两个windows.onload.之前课程没有提到吧?
// 封装一个获取id值的方法
function byid(id) {
return typeof (id) === "string" ? document.getElementById(id) : id;
}
var navBar = byid("nav-bar"),
navTitle = navBar.getElementsByTagName("li"),
ban = byid("banner"),
imgList = ban.getElementsByTagName("div"),
len = imgList.length,
timer = null,
index = 0;
function dfd(){
// 鼠标放在banner上清除间歇调用
ban.onmouseover = function () {
if (timer) {
clearInterval(timer)
}
}
// 鼠标移出时图片轮播
ban.onmouseout = function () {
timer = setInterval(function () {
index++;
if (index >= len) {
index = 0;
}
changeImg()
}, 1000)
}
ban.onmouseout();
// 遍历选项卡,添加id属性为选项卡索引,赋值给index,鼠标点击选项卡时清除间歇调用
for (var i = 0; i < len; i++) {
navTitle[i].id = i;
navTitle[i].onclick = function () {
index = this.id;
changeImg();
if (timer) {
clearInterval(timer);
}
}
}
}
dfd();
function changeImg() {
/*遍历banner下所有div将其隐藏*/
for (var d = 0; d < len; d++) {
imgList[d].style.display = "none";
navTitle[d].className = "";
}
// 根据index索引显示图片
imgList[index].style.display = "block";
navTitle[index].className = "shadow-pic";
}
不可能把整个代码放到一个windows.onload=function(){}里吧,根据题目要求需要在head页面引用js,changeImg这个函数应该也要用windows.onload,所以需要2个,方法之前没有说啊
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星