<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>五屏带缩略图幻灯片代码</title>
<LINK href="css/css.css" type=text/css rel=stylesheet>
</head>
<body>
<table width="472" height="511" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="472"><div class=box style="MARGIN-BOTTOM: 8px">
<div class=boxpadding>
<div id=Slide> <a id=foclnk
href="http://www.jb51.net/" target=_blank>
<img
id=focpic
style="FILTER: RevealTrans(duration=1;ransition=12); VISIBILITY: visible; POSITION: absolute; left:484; top:94"
src="images/01.jpg" width="450" height="335" /></a>
<div class=thumb_title id=foctitle><a href="http://www.jb51.net/"
target=_blank>脚本之家收集整理 美女图一</a></div>
<div id=Slide_Thumb>
<div class=thumb_on id=tmb0 onmouseover=setfoc(0); onmouseout=playit();><a
href="http://www.jb51.net/" target=_blank><img
alt="脚本之家收集整理 美女图二"
src="images/01.jpg" /></a></div>
<div class=thumb_off id=tmb1 onmouseover=setfoc(1); onmouseout=playit();><a
href="http://www.jb51.net/" target=_blank><img
alt="脚本之家收集整理 美女图二"
src="images/02.jpg" /></a></div>
<div class=thumb_off id=tmb2 onmouseover=setfoc(2); onmouseout=playit();><a
href="http://www.jb51.net/"
target=_blank><img alt="脚本之家收集整理 美女图三"
src="images/03.jpg" /></a></div>
<div class=thumb_off id=tmb3 onmouseover=setfoc(3); onmouseout=playit();><a
href="http://www.jb51.net/"
target=_blank><img alt="脚本之家收集整理 美女图四"
src="images/04.jpg" /></a></div>
<div class=thumb_off id=tmb4 onmouseover=setfoc(4); onmouseout=playit();><a
href="http://www.jb51.net/" target=_blank><img
alt="脚本之家收集整理 美女图五"
src="images/05.jpg" /></a></div>
<script language=javascript type=text/javascript>
var picarry = {};
var lnkarry = {};
var ttlarry = {};
picarry[0] = "images/01.jpg";
lnkarry[0] = "http://www.jb51.net/";
ttlarry[0] = "脚本之家收集整理 美女图一";
picarry[1] = "images/02.jpg";
lnkarry[1] = "http://www.jb51.net/";
ttlarry[1] = "脚本之家收集整理 美女图二";
picarry[2] = "images/03.jpg";
lnkarry[2] = "http://www.jb51.net/";
ttlarry[2] = "脚本之家收集整理 美女图三";
picarry[3] = "images/04.jpg";
lnkarry[3] = "http://www.jb51.net/";
ttlarry[3] = "脚本之家收集整理 美女图四";
picarry[4] = "images/05.jpg";
lnkarry[4] = "http://www.jb51.net/";
ttlarry[4] = "脚本之家收集整理 美女图五";
</script>
</div>
</div>
</div>
</div></td>
</tr>
</table>
<div align="center">
<SCRIPT type=text/javascript>
//
var currslid = 0;
var slidint;
function setfoc(id){
document.getElementById("focpic").src = picarry[id];
document.getElementById("foclnk").href = lnkarry[id];
document.getElementById("foctitle").innerHTML = '<a href="'+lnkarry[id]+'" target="_blank">'+ttlarry[id]+'</a>';
currslid = id;
for(i=0;i<5;i++){
document.getElementById("tmb"+i).className = "thumb_off";
};
document.getElementById("tmb"+id).className ="thumb_on";
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==4){
currslid = 0;
}
else{
currslid++;
};
setfoc(currslid);
playit();
}
function playit(){
slidint = setTimeout(playnext,4500);
}
function stopit(){
clearTimeout(slidint);
}
window.onload = function(){
playit();
}</SCRIPT>
<table width="80%" height="108" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="32" align="center"><strong>五屏带缩略图幻灯片代码</strong></td>
</tr>
<tr>
<td height="32" align="center">代码整理：<a href="http://www.jb51.net/" target="_blank">脚本之家</a></td>
</tr>
<tr>
<td height="32" align="center">＊尊重他人劳动成果，转载请自觉注明出处！</td>
</tr>
</table>
</div>
</body>
</html>
