JS实现焦点图轮播效果的方法详解(2)

function autoplay(){ timer=setInterval(function(){ next.onclick(); },1000) } function stopautoplay(){ clearInterval(timer); } banner.onmouseover=stopautoplay; banner.onmouseout=autoplay; autoplay();

setTimeout只执行一次，之前一直执行，是因为递归

setInterval是每隔多少时间

8.假图的优化

实际运用中，图片肯定是按顺序存放，所以假图最好通过js来生成，而不是本身写在html上

var img_first=list_banner.getElementsByTagName("li")[0]; var img_last=list_banner.getElementsByTagName("li")[3]; list_banner.appendChild(img_first.cloneNode(true)); list_banner.insertBefore(img_last.cloneNode(true),list_banner.getElementsByTagName("li")[0]);

appendChild是将新的节点添加到目标的最后一个子节点之后

insertBefore是将新的节点添加到已存在的子节点之前

cloneNode方法，true表示深克隆，false表示浅克隆，深克隆是将标签和标签里的内容都复制过来，而浅克隆不复制内容

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》