实现简单的banner变换

这个是我网上下载的插件，写篇博客记录下。

这个插件里有一个css文件，一个js文件，一个images文件夹，里边有几张图片。然后还有一个HTML页面。

下面就是js文件的内容。

function SlideShow(c) {
var a = document.getElementById("slideContainer"), 
f = document.getElementById("slidesImgs").getElementsByTagName("li"),
h = document.getElementById("slideBar"), 
n = h.getElementsByTagName("li"), 
d = f.length, 
c = c || 3000, 
e = lastI = 0, 
j, m;
    function b() {


//setInterval()间隔指定的毫秒数不停地执行指定的代码，setInterval(codes, interval)，
//codes -- 代码段的字符串表示(与eval函数的参数相同)，或者是匿名函数、函数名
 //interval -- 间隔的毫秒数
  /*setInterval函数的ID标识，每次调用setInterval函数都会产生一个唯一的ID，可以通过clearInterval函数(此函数的参数接收一
个setInterval返回的ID)暂停setInterval函数*/


        m = setInterval(
      function(){
            e = e + 1 >= d ? e + 1 - d : e + 1;
            g()
        }, c)
    }


    function aa() {
        clearInterval(m)
    }


    function g() {
        f[lastI].style.display = "none";
        n[lastI].className = "";
        f[e].style.display = "block";
        n[e].className = "on";
        lastI = e
    }


    f[e].style.display = "block";
    a.onmouseover = aa;
    a.onmouseout = b;
    h.onmouseover = function (i) {
        j = i ? i.target : window.event.srcElement;//window.event.srcElement可用来获取对象标签
        if (j.nodeName === "LI") {
            e = parseInt(j.innerHTML, 10) - 1;
            g()
/*parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话，默认是10进制。
比如说parseInt("010",10)就是10进制的结果：10，parseInt("010",2)就是2进制的结果：2，parseInt("010",8)就是8进制的结果：8
，parseInt("010",16)就是16进制的结果：16。
*/
        }
    };
    b()
}
;

上边对部分函数进行了注释，想彻底的了解，请学习JavaScript知识。

以下是插件的文件链接。

http://share.weiyun.com/a4fea861ceead0aeec3df160d10492d7