- index.js
/**
* Created by qiaoxinlin on 2019/12/26.
*/
var news = [
"半场7铁7失误 詹姆斯:是浓眉考神点醒了我",
"33+10延续高效 湖人客场13连胜浓眉太关键",
"卡椒合计88分唐斯空砍39分 快船胜森林狼",
"博格达诺维奇8记三分砍32分 爵士力克勇士",
"8次失误辣眼睛 老詹28分准三双逃出会议室",
"格拉汉姆16+5+7华盛顿两双 黄蜂客胜公牛",
"卡椒合计88分唐斯空砍39分 快船胜森林狼",
"杰克逊空砍43分字母哥37+11 雄鹿大胜灰熊",
"格拉汉姆16+5+7华盛顿两双 黄蜂客胜公牛",
"博格达诺维奇8记三分砍32分 爵士力克勇士"
];
var newshref = [
"news1.html",
"news2.html",
"news3.html",
"news4.html",
"news5.html",
"news6.html",
"news7.html",
"news8.html",
"news9.html",
"news10.html"
];
var jsonAreaWest = [
{"rank":"01","imgs":"aa","name":"雄鹿","win":"02","false":"30","difference":"28"},
{"rank":"02","imgs":"aa","name":"火箭","win":"32","false":"10","difference":"218"},
{"rank":"03","imgs":"aa","name":"勇士","win":"32","false":"20","difference":"21"},
{"rank":"04","imgs":"aa","name":"开拓者","win":"42","false":"40","difference":"1"},
{"rank":"05","imgs":"aa","name":"雄鹿","win":"02","false":"30","difference":"28"},
{"rank":"06","imgs":"aa","name":"火箭","win":"32","false":"10","difference":"218"},
{"rank":"07","imgs":"aa","name":"勇士","win":"32","false":"20","difference":"21"},
{"rank":"08","imgs":"aa","name":"开拓者","win":"42","false":"40","difference":"1"},
{"rank":"09","imgs":"aa","name":"勇士","win":"32","false":"20","difference":"21"},
{"rank":"10","imgs":"aa","name":"开拓者","win":"42","false":"40","difference":"1"},
{"rank":"11","imgs":"aa","name":"雄鹿","win":"02","false":"30","difference":"28"},
{"rank":"12","imgs":"aa","name":"火箭","win":"32","false":"10","difference":"218"},
{"rank":"13","imgs":"aa","name":"勇士","win":"32","false":"20","difference":"21"},
{"rank":"14","imgs":"aa","name":"开拓者","win":"42","false":"40","difference":"1"},
{"rank":"15","imgs":"aa","name":"勇士","win":"32","false":"20","difference":"21"},
{"rank":"16","imgs":"aa","name":"开拓者","win":"42","false":"40","difference":"1"}
];
var jsonAreaEast = [
{"rank":"01","imgs":"a","name":"开拓者","win":"02","false":"30","difference":"28"},
{"rank":"02","imgs":"aa","name":"honghua","win":"32","false":"10","difference":"218"},
{"rank":"03","imgs":"aa","name":"开价","win":"32","false":"20","difference":"21"},
{"rank":"04","imgs":"aa","name":"勇士","win":"42","false":"40","difference":"1"},
{"rank":"05","imgs":"aa","name":"雄鹿","win":"02","false":"30","difference":"28"},
{"rank":"06","imgs":"aa","name":"火箭","win":"32","false":"10","difference":"218"},
{"rank":"07","imgs":"aa","name":"勇士","win":"32","false":"20","difference":"21"},
{"rank":"08","imgs":"aa","name":"开拓者","win":"42","false":"40","difference":"1"},
{"rank":"09","imgs":"aa","name":"勇士","win":"32","false":"20","difference":"21"},
{"rank":"10","imgs":"aa","name":"开拓者","win":"42","false":"40","difference":"1"},
{"rank":"11","imgs":"aa","name":"雄鹿","win":"02","false":"30","difference":"28"},
{"rank":"12","imgs":"aa","name":"火箭","win":"32","false":"10","difference":"218"},
{"rank":"13","imgs":"aa","name":"勇士","win":"32","false":"20","difference":"21"},
{"rank":"14","imgs":"aa","name":"开拓者","win":"42","false":"40","difference":"1"},
{"rank":"15","imgs":"aa","name":"勇士","win":"32","false":"20","difference":"21"},
{"rank":"16","imgs":"aa","name":"开拓者","win":"42","false":"40","difference":"1"}
];
//加载新闻
function loadNews() {
var newlists = document.getElementById("newlists");
var ol = document.createElement("ol");
for(var i=0; i<news.length;i++){
var li = document.createElement("li");
var a = document.createElement("a");
/* 给a标签设置 href 属性 值为"news1.html"*/
var text = document.createTextNode(news[i]);
a.setAttribute("href",newshref[i]);
ol.appendChild(li);
li.appendChild(a);
/* a标签用于跳转*/
a.appendChild(text);
newlists.appendChild(ol);
}
}
/*点击东部联盟*/
var east = document.getElementById("wrap-left-border").onclick = function () {
this.style.cssText = "text-decoration: none;border-bottom: 4px solid #e11647;color: #e11647;";
var west = document.getElementById("wrap-right-border");
west.style.cssText = "text-decoration: none;";
var table = document.getElementById("rank-table");
table.innerHTML = "";
table.innerHTML = '<th width="55px">排名</th><th width="52.5px"></th><th width="83.75px">姓名</th><th width="46.25px">胜</th><th width="46.25px">负</th><th width="76.25px">胜负差</th>';
var tBody = document.createElement("tbody");
for (var i=0; i<jsonAreaWest.length; i++) {
tBody.innerHTML += '<tr><td>'+jsonAreaWest[i].rank+'</td><td>'+jsonAreaWest[i].imgs+'</td><td>'+jsonAreaWest[i].name+'</td><td>' +jsonAreaWest[i].win+ '</td><td>'+jsonAreaWest[i].false+'</td><td>'+jsonAreaWest[i].difference+'</td></tr>'
}
table.appendChild(tBody);
};
/*点击西部联盟*/
var west = document.getElementById("wrap-right-border").onclick = function () {
this.style.cssText = "text-decoration: none;border-bottom: 4px solid #e11647;color: #e11647;";
var east = document.getElementById("wrap-left-border");
east.style.cssText = "text-decoration: none;";
var table = document.getElementById("rank-table");
table.innerHTML = "";
table.innerHTML = '<th width="55px">排名</th><th width="52.5px"></th><th width="83.75px">姓名</th><th width="46.25px">胜</th><th width="46.25px">负</th><th width="76.25px">胜负差</th>';
var tBody = document.createElement("tbody");
for (var i=0; i<jsonAreaEast.length; i++) {
tBody.innerHTML += '<tr><td>'+jsonAreaEast[i].rank+'</td><td>'+jsonAreaEast[i].imgs+'</td><td>'+jsonAreaEast[i].name+'</td><td>' +jsonAreaEast[i].win+ '</td><td>'+jsonAreaEast[i].false+'</td><td>'+jsonAreaEast[i].difference+'</td></tr>'
}
table.appendChild(tBody);
};
/*轮播图*/
var ul = document.getElementById("index-scrollImg");
ul.style.left = "0px";
var nextBtn = document.getElementById("nextBtn").onclick = function () {
var left = 0;
var ul = document.getElementById("index-scrollImg");
if(ul.style.left == "-1000px"){
left = 0;
}
else {
left = parseInt(ul.style.left)-500;
}
ul.style.left = left +"px";
console.log(left);
};
var preBtn = document.getElementById("preBtn").onclick = function () {
var left = 0;
var ul = document.getElementById("index-scrollImg");
if(ul.style.left == "0px"){
left = -1000;
}
else {
left = parseInt(ul.style.left) + 500;
}
ul.style.left = left +"px";
console.log(left);
};
/*定时轮播图*/
function rigthPlay() {
var left = 0;
var ul = document.getElementById("index-scrollImg");
if(ul.style.left == "0px"){
left = -1000;
}
else {
left = parseInt(ul.style.left) + 500;
}
ul.style.left = left +"px";
}
function autoPlay() {
var time = setInterval("rigthPlay()",3000);
}
/*加载函数*/
function onLoad() {
loadNews();
autoPlay();
}