仿msn轮换广告，附带缩略图的JS图片轮换代码

2008年7月22日 10:07 | 分类：Js+ajax, 懒得分类 | 标签：js 代码图片缩略图轮换附带 | 人气：3,369℃

Msn左上角的轮换广告效果是这样的：

查看了一下，居然是用js做的轮换，所以就像到吧他扒下来，其实他的实现原理很简单。leo突然想到，以前在某人的blog看到过类似的效果，不过他的轮换是竖排的，而msn上的是横排的。下面是某人blog的那种效果。

下载某人的源码，Js部分：

var currslid = 0;
var slidint;
function setfoc(id){
document.getElementById("focpic").src = picarry[id];
document.getElementById("foclnk").href = lnkarry[id];
document.getElementById("fttltxt").innerHTML = '<a href="'+lnkarry[id]+'" target="_blank">'+ttlarry[id]+'</a>';
currslid = id;
for(i=0;i<4;i++){
document.getElementById("tmb"+i).className = "thubpic";
};
document.getElementById("tmb"+id).className ="thubpiccur";
focpic.style.visibility = "hidden";
focpic.filters[0].Apply();
if (focpic.style.visibility == "visible") {
focpic.style.visibility = "hidden";
focpic.filters.revealTrans.transition=23;
}
else {
focpic.style.visibility = "visible";
focpic.filters[0].transition=23;
}
focpic.filters[0].Play();
stopit();
}
function playnext(){
if(currslid==3){
currslid = 0;
}
else{
currslid++;
};
setfoc(currslid);
playit();
}
function playit(){
slidint = setTimeout(playnext,4500);
}
function stopit(){
clearTimeout(slidint);
}
window.onload = function(){
playit();
}