在上次的基础上做了修改，填了点特效
效果：http://202.118.90.36/
<script language="JavaScript" type="text/javascript">
<!--
var slidespeed=3000
var slideimages=new Array("flash/ad1.gif","flash/ad2.gif","flash/ad3.gif","flash/ad4.gif","flash/ad5.gif")
var slidelinks=new Array("")
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
function gotoshow(){
window.location=slidelinks[whichlink]
}
//-->
</script>
<a href="#" onClick="return Listen(this.href);"> <img src="flash/ad1.gif" width ="200px" height ="150px" name="slide" border="0" id="slide" onmouseover="clearTimeout(myTimeout)" onmouseout="slideit()"
style="filter:revealTrans(duration=0.5,transition=23)" /></a>
<input id="number0" style=" width:18px; height:16; cursor:hand; border-top-style: ridge; border-right-style: ridge;border-left-style: ridge; background-color: #3aaaae; border-bottom-style: ridge; color :White ;"
type="button" value="1" onmouseover="clearTimeout(myTimeout);setInputColor(0);MM_swapImage('slide','','flash/ad1.gif',1)" onmouseout="slideit()" />
<input id="number1" style="width: 18px; height:16;cursor:hand; border-top-style: ridge; border-right-style: ridge;border-left-style: ridge; background-color: whitesmoke; border-bottom-style: ridge"
type="button" value="2" onmouseover="clearTimeout(myTimeout);setInputColor(1);MM_swapImage('slide','','flash/ad2.gif',1)" onmouseout="slideit()" />
<input id="number2" style="width: 18px;height:16; cursor:hand; border-top-style: ridge; border-right-style: ridge;border-left-style: ridge; background-color: whitesmoke; border-bottom-style: ridge"
type="button" value="3" onmouseover="clearTimeout(myTimeout);setInputColor(2);MM_swapImage('slide','','flash/ad3.gif',1)" onmouseout="slideit()" />
<input id="number3" style="width: 18px;height:16; cursor:hand; border-top-style: ridge; border-right-style: ridge;border-left-style: ridge; background-color: whitesmoke; border-bottom-style: ridge"
type="button" value="4" onmouseover="clearTimeout(myTimeout);setInputColor(3);MM_swapImage('slide','','flash/ad4.gif',1)" onmouseout="slideit()" />
<input id="number4" style="width: 18px;height:16; cursor:hand; border-top-style: ridge; border-right-style: ridge;border-left-style: ridge; background-color: whitesmoke; border-bottom-style: ridge"
type="button" value="5" onmouseover="clearTimeout(myTimeout);setInputColor(4);MM_swapImage('slide','','flash/ad5.gif',1)" onmouseout="slideit()" />
<script language="JavaScript" type="text/javascript">
<!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
var pixeldelay=1000
var myTimeout;
function slideit(){
//document.images.slide.style="filter:revealTrans(duration=0.5,transition="+Math.floor(Math.random()*23)
document.images.slide.filters.revealTrans.Transition=Math.floor(Math.random()*23);
if (!document.images) return
if (ie55)
{
document.images.slide.filters[0].apply()
}
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
myTimeout=setTimeout("slideit()",slidespeed+pixeldelay)
setInputColor()
var temp=(whichimage==0)? slideimages.length-1 : whichimage-1
document.getElementById("number"+temp).style .backgroundColor ="#3aaaae";
document.getElementById("number"+temp).style .color ="white";
}
slideit()
//-->
</script>
<script type ="text/javascript" >
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function setInputColor()
{
for(var i=0;i<slideimages.length;i++)
{
document.getElementById("number"+i).style .backgroundColor ="whitesmoke";
document.getElementById("number"+i).style .color ="black";
}
return true;
}
function setInputColor(j)
{
for(var i=0;i<slideimages.length;i++)
{
if(i==j)
{
document.getElementById("number"+i).style .backgroundColor ="#3aaaae";
document.getElementById("number"+i).style .color ="white";
}
else
{
document.getElementById("number"+i).style .backgroundColor ="whitesmoke";
document.getElementById("number"+i).style .color ="black";
}
}
return true;
}
</script>
