//ff支持 function isIE() { //ie? if (window.navigator.userAgent.toLowerCase().indexOf("msie") >= 1) return true; else return false; } //首页幻灯 var Lantern = { onChange: [], oInterval: [], otimeOut: [], opacityNum: 101, cycNum: 0, showNum: 0, width: 530, //整体宽度 navyCtr: [], //2维: 0.原长 1.目标长 2.speed navyTime: 10, //navy动画时间 picMoveSpeed: 22, //图片移动速度 timeOut_time: 5000, //停滞时间 info: //0.图片url 1.名称 2.链接地址 [], init: function() { Lantern.onChange = false; for (var i = 0; i < Lantern.info.length; i++) { var picDiv var picTemp picDiv = document.createElement('div'); picTemp = document.createElement('img'); picDiv.id = "LanternImg" + i; picDiv.name = i; picTemp.src = Lantern.info[i][0]; picTemp.style.width = "490px"; picDiv.style.position = "absolute"; picDiv.style.left = Lantern.width + "px"; picDiv.onclick = function() { window.open(Lantern.info[this.name][2]); }; picDiv.appendChild(picTemp); document.getElementById("lanternImg").appendChild(picDiv); var divTemp divTemp = document.createElement('div'); divTemp.id = "LanternN" + i; divTemp.name = i; divTemp.innerHTML = "" + (i + 1) + " " + Lantern.info[i][1] + ""; if (i == 0) { divTemp.className = "div_off1"; } else if (i == Lantern.info.length - 1) { divTemp.className = "div_off3"; } else { divTemp.className = "div_off2"; } //divTemp.className="div_off"; if (i == 0) divTemp.onclick = function() { window.open(Lantern.info[this.name][2]); }; else divTemp.onclick = function() { if (!Lantern.onChange) { Lantern.onChange = true; Lantern.setNavy(this.name); } }; document.getElementById("lanternNavy").appendChild(divTemp); } Lantern.initNany(); }, initNany: function() { navyCtr = new Array(); for (var k = 0; k < Lantern.info.length; k++) Lantern.navyCtr[k] = []; document.getElementById("lanternNc0").style.display = ""; document.getElementById("LanternN0").className = "div_on1"; var onLength, offLength onLength = document.getElementById("LanternN0").offsetWidth offLength = (Lantern.width - onLength) / (Lantern.info.length - 1) var numtemp = 0; for (var j = 0; j < Lantern.info.length; j++) { if (j != 0)//未选 { Lantern.navyCtr[j][1] = offLength; document.getElementById("lanternNc" + j).style.display = "none"; if (j == Lantern.info.length - 1) { document.getElementById("LanternN" + j).className = "div_off3"; } else { document.getElementById("LanternN" + j).className = "div_off2"; } document.getElementById("LanternN" + j).style.width = offLength + "px"; if (j == Lantern.info.length - 1) { document.getElementById("LanternN" + j).style.width = (Lantern.width - onLength - numtemp) + "px"; } else { numtemp += offLength; } } else//已选 { Lantern.navyCtr[j][1] = onLength; } } if (isIE()) document.getElementById("lanternPoint").style.left = (document.getElementById("LanternN0").offsetLeft + 10) + "px"; else document.getElementById("lanternPoint").style.left = (document.getElementById("LanternN0").offsetLeft - document.getElementById("lantern").offsetLeft + 10) + "px"; document.getElementById("LanternImg0").style.display = ""; document.getElementById("LanternImg0").style.left = "0px"; //图片按timeOut_time轮显 Lantern.otimeOut = setTimeout("Lantern.cycLantern()", Lantern.timeOut_time); }, //显示某一帧的图片和下方标识 setNavy: function(i) { if (i == Lantern.info.length - 1) document.getElementById("lanternNavy").style.backgroundColor = "#9E89C1"; else document.getElementById("lanternNavy").style.backgroundColor = "#9C9E9D"; document.getElementById("lanternNc" + i).style.display = ""; if (i == 0) { document.getElementById("LanternN" + i).className = "div_on1"; } else if (i == Lantern.info.length - 1) { document.getElementById("LanternN" + i).className = "div_on3"; } else { document.getElementById("LanternN" + i).className = "div_on2"; } document.getElementById("LanternN" + i).style.width = null; var onLength, offLength onLength = document.getElementById("LanternN" + i).offsetWidth offLength = (Lantern.width - onLength) / (Lantern.info.length - 1) var numtemp = 0; for (var j = 0; j < Lantern.info.length; j++) { Lantern.navyCtr[j][0] = Lantern.navyCtr[j][1]; if (i != j)//未选 { Lantern.navyCtr[j][1] = offLength-15; document.getElementById("lanternNc" + j).style.display = "none"; if (j == Lantern.info.length - 1) { document.getElementById("LanternN" + j).className = "div_off3"; } else { document.getElementById("LanternN" + j).className = "div_off2"; } if (j == Lantern.info.length - 1) { document.getElementById("LanternN" + j).style.width = (Lantern.width - onLength - numtemp) + "px"; } else { numtemp += offLength } document.getElementById("LanternN" + j).style.width = Lantern.navyCtr[j][0] + "px"; Lantern.navyCtr[j][2] = (Lantern.navyCtr[j][1] - Lantern.navyCtr[j][0]) / Lantern.navyTime; } else//已选 { Lantern.navyCtr[j][1] = onLength+5; document.getElementById("LanternN" + j).style.width = (Lantern.navyCtr[j][0] - 34) + "px"; Lantern.navyCtr[j][2] = (Lantern.navyCtr[j][1] - Lantern.navyCtr[j][0]) / Lantern.navyTime; } } document.getElementById("LanternImg" + i).style.display = ""; if (Lantern.onChange) { document.getElementById("LanternN" + i).onclick = function() { window.open(Lantern.info[this.name][2]); }; document.getElementById("LanternN" + Lantern.showNum).onclick = function() { if (!Lantern.onChange) { Lantern.onChange = true; Lantern.setNavy(this.name); } }; document.getElementById("LanternImg" + i).style.zIndex = 0; document.getElementById("LanternImg" + Lantern.showNum).style.zIndex = -1; Lantern.oInterval = setInterval('Lantern.changeLantern(' + i + ')', 10); } }, imgMoveOver: false, navyMoveOver: false, changeLantern: function(i) { if (Lantern.otimeOut != null) clearTimeout(Lantern.otimeOut) //move if (!Lantern.navyMoveOver) Lantern.moveNavy(i); if (!Lantern.imgMoveOver) { Lantern.moveImg(i); } else { Lantern.flashImg(i); } }, //幻灯片下方 1 店庆第二波，20万种图书低至59折封顶！ 2 3 4 移动的控制 moveNavy: function(select) { var breaktime = 0; for (var i = 0; i < Lantern.info.length; i++) { if ((Lantern.navyCtr[i][2] > 0 && document.getElementById("LanternN" + i).offsetWidth < Lantern.navyCtr[i][1]) || (Lantern.navyCtr[i][2] < 0 && document.getElementById("LanternN" + i).offsetWidth > Lantern.navyCtr[i][1])) { if (i == select) { document.getElementById("LanternN" + i).style.width = (document.getElementById("LanternN" + i).offsetWidth + Lantern.navyCtr[i][2] - 34) + "px"; } else { document.getElementById("LanternN" + i).style.width = (document.getElementById("LanternN" + i).offsetWidth + Lantern.navyCtr[i][2]) + "px"; } } else { if (i == select) { for (var j = 0; j < Lantern.info.length; j++) { document.getElementById("LanternN" + j).style.width = Lantern.navyCtr[j][1] + "px"; } if (isIE()) document.getElementById("lanternPoint").style.left = (document.getElementById("LanternN" + select).offsetLeft + 10) + "px"; else document.getElementById("lanternPoint").style.left = (document.getElementById("LanternN" + select).offsetLeft - document.getElementById("lantern").offsetLeft + 10) + "px"; Lantern.navyMoveOver = true; break; } } if (i == select) { if (isIE()) document.getElementById("lanternPoint").style.left = (document.getElementById("LanternN" + select).offsetLeft + 10) + "px"; else document.getElementById("lanternPoint").style.left = (document.getElementById("LanternN" + select).offsetLeft - document.getElementById("lantern").offsetLeft + 10) + "px"; } } }, //图片按picMoveSpeed左移的控制 moveImg: function(i) { if (document.getElementById("LanternImg" + i).offsetLeft > 0) { document.getElementById("LanternImg" + i).style.left = (document.getElementById("LanternImg" + i).offsetLeft - Lantern.picMoveSpeed) + "px"; } else { document.getElementById("LanternImg" + i).style.left = "0px"; document.getElementById("LanternImg" + Lantern.showNum).style.left = Lantern.width + "px"; Lantern.imgMoveOver = true; } }, flashImg: function(i) { document.getElementById("LanternImg" + i).style.opacity = "100"; Lantern.showNum = i; Lantern.imgMoveOver = false; Lantern.navyMoveOver = false; Lantern.opacityNum = 101; Lantern.cycNum = i; clearInterval(Lantern.oInterval); Lantern.otimeOut = setTimeout("Lantern.otimeOut=Lantern.cycLantern()", Lantern.timeOut_time); Lantern.onChange = false; }, cycLantern: function() { if (!Lantern.onChange) { Lantern.onChange = true; if (Lantern.cycNum == Lantern.info.length - 1) Lantern.cycNum = 0; else Lantern.cycNum++; Lantern.setNavy(Lantern.cycNum) } } }