#slider ol li a.active{
background-color: #ffffff;
color: #ff0000;
}

//圖片節(jié)點(diǎn)
var slider = document.getElementById("slider");
var imgul = slider.getElementsByTagName("ul")[0];
var imglis = imgul.getElementsByTagName("li");
var len = imglis.length;
//圖片序列節(jié)點(diǎn)
var numol = slider.getElementsByTagName("ol")[0];
var numlinks = numol.getElementsByTagName("a");
//共享序列
var index = 0;
//圖片跳轉(zhuǎn),圖片跳轉(zhuǎn)的同時(shí),改變序列節(jié)點(diǎn)的跳轉(zhuǎn)
var jump = function () {
return setInterval(function(){
if(index >= len){
index = 0;
}
//圖片跳轉(zhuǎn)
imgul.style.left = - (800 * index) + "px";
//改變序列節(jié)點(diǎn)樣式:首先要清除所有的鏈接的樣式,然后在激活對應(yīng)的序列節(jié)點(diǎn)樣式
for (var i = 0; i < len; i++) {
numlinks[i].setAttribute("class","");
}
numlinks[index].setAttribute("class","active");
index++;
},2000);
};
var jumpindex = jump();

//增加序列節(jié)點(diǎn)的hover控制: 1. hover后要禁止圖片的跳轉(zhuǎn),顯示在當(dāng)前的圖片上,這里就需要清除跳轉(zhuǎn) 2.hover離開后,在當(dāng)前的圖片上做圖片的跳轉(zhuǎn)
for (var i = 0; i < len; i++){
//hover
numlinks[i].onmouseover = function () {
clearInterval(jumpindex);
for (var i = 0; i < len; i++) {
numlinks[i].setAttribute("class","");
if (numlinks[i] === this){
index = i;
}
}
imgul.style.left = - (800 * index) + "px";
numlinks[index].setAttribute("class","active");
}
//out
numlinks[i].onmouseout = function(){
jumpindex = jump();
}
}