这个是我网上下载的插件,写篇博客记录下。
这个插件里有一个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