var foucsbox = function (time) {//图片载入完成执行参数2500 var time = time || 3500 , $ = function (id) { return document.getElementById(id); }//根据id获取标签设置成函数更方便。 , topCon = $('divimgplay')//幻灯片外层div , big = $('divimginfog_imgPlayer')//大图ul , samll = $('divpageinfog_imgPlayer')//小图ul , tip = $('ptitleg_imgPlayer')//文字信息 , bigimgs = big.getElementsByTagName('li')//大图li , samllimgs = samll.getElementsByTagName('li')//小图li , imglink = tip.getElementsByTagName('a')[0]//文字信息的a标签 , slide = function (z) { samllimgs[lastIndex].className = '';//lastIndex是一个变量,这个命名很不好啊 samllimgs[z].className = 'current';//改变小图片样式 bigimgs[lastIndex].style.display = 'none'; bigimgs[z].style.display = 'block';//大图片显示 try { imglink.innerHTML = samllimgs[z].getElementsByTagName('img')[0].alt;//把小图片的alt文本赋值给a标签 } catch (e) { imglink.innerText = samllimgs[z].firstChild.firstChild.alt; } lastIndex = i = z; } , helper = function (z) { return function (e) { var na; if (!e) { e = window.event; na = e.srcElement.nodeName; } else { na = e.target.nodeName; } if (na === 'IMG') { slide(z); } } } , lastIndex = i = 0, x, y = bigimgs.length , getPrevI = function (q) { return i - q < 0 ? y - q : i - 1; } , getNextI = function (q) { return i + q >= y ? i + q - y : i + 1; } var s = setInterval(function () {//程序入口切换图片 slide(i); i = getNextI(1); }, time); try { imglink.innerText = samllimgs[0].getElementsByTagName('img')[0].alt; } catch (e) { imglink.innerText = samllimgs[0].firstChild.firstChild.alt; } for (x = 1; x < y; x += 1) { bigimgs[x].style.display = 'none'; } for (x = 0; x < y; x += 1) { samllimgs[x].onmouseover = helper(x); } topCon.children[2].onclick = function (e) { i = lastIndex; var t; if (!e) { e = window.event; t = e.srcElement; } else { t = e.target; } switch (t.className) { case 'icon_prev': slide(getPrevI(1)); break; case 'icon_next': slide(getNextI(1)); break; } }; topCon.onmouseover = function () { clearInterval(s); }; topCon.onmouseout = function () { s = setInterval(function () { slide(i); i = getNextI(1); }, time); }; };
QQ音乐10屏带缩略图JS焦点图代码
最新推荐文章于 2023-02-09 12:11:20 发布