最简单的window.onload = rotate;
var adImages = new Array("wy_newyear_440145.jpg","zh_msup3start_440145.jpg","jg_jack_440145.jpg","jsj_pingxuan_440145.gif","yy_yegs_440145.jpg");var linkObjs = new Array("link_obj_1",
"link_obj_2",
"link_obj_3",
"link_obj_4",
"link_obj_5");var thisAd = 0;
var theTimer;function rotate(){
if(thisAd == adImages.length){
thisAd = 0;
}
document.getElementById("adBanner").src = adImages[thisAd];
for(var i = 0; i < linkObjs.length; i++){
document.getElementById(linkObjs[i]).bgColor = "#FFFFFF";
}
document.getElementById(linkObjs[thisAd]).bgColor = "#99FF00"; thisAd++;
theTimer = setTimeout("rotate()", 3 * 1000);
}function linkover(num){
thisAd = num;
clearTimeout(theTimer);//取消定时
rotate();
}
<body>
<div>
<a id="link_obj" href="#"><img src="wy_newyear_440145.jpg" alt="pic" width="440" height="145" id="adBanner" /></a>
<p>
<table border="0">
<tr>
<td id="link_obj_1" onmouseover="linkover(0)">1</td>
<td id="link_obj_2" onmouseover="linkover(1)">2</td>
<td id="link_obj_3" onmouseover="linkover(2)">3</td>
<td id="link_obj_4" onmouseover="linkover(3)">4</td>
<td id="link_obj_5" onmouseover="linkover(4)">5</td>
</tr>
</table>
</p>
</div>
</body>
</html>
var adImages = new Array("wy_newyear_440145.jpg","zh_msup3start_440145.jpg","jg_jack_440145.jpg","jsj_pingxuan_440145.gif","yy_yegs_440145.jpg");var linkObjs = new Array("link_obj_1",
"link_obj_2",
"link_obj_3",
"link_obj_4",
"link_obj_5");var thisAd = 0;
var theTimer;function rotate(){
if(thisAd == adImages.length){
thisAd = 0;
}
document.getElementById("adBanner").src = adImages[thisAd];
for(var i = 0; i < linkObjs.length; i++){
document.getElementById(linkObjs[i]).bgColor = "#FFFFFF";
}
document.getElementById(linkObjs[thisAd]).bgColor = "#99FF00"; thisAd++;
theTimer = setTimeout("rotate()", 3 * 1000);
}function linkover(num){
thisAd = num;
clearTimeout(theTimer);//取消定时
rotate();
}
<body>
<div>
<a id="link_obj" href="#"><img src="wy_newyear_440145.jpg" alt="pic" width="440" height="145" id="adBanner" /></a>
<p>
<table border="0">
<tr>
<td id="link_obj_1" onmouseover="linkover(0)">1</td>
<td id="link_obj_2" onmouseover="linkover(1)">2</td>
<td id="link_obj_3" onmouseover="linkover(2)">3</td>
<td id="link_obj_4" onmouseover="linkover(3)">4</td>
<td id="link_obj_5" onmouseover="linkover(4)">5</td>
</tr>
</table>
</p>
</div>
</body>
</html>
<SCRIPT>
var NowFrame = 1;
var MaxFrame = 5;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1;
if(next == MaxFrame+1){
NowFrame = MaxFrame;
next = 1;
}
if(bStart == 0){
bStart = 1;
setTimeout('fnToggle()', 100);
return;
}
else{
var oTransContainer=document.getElementById("oTransContainer")
oTransContainer.filters[0].Apply();
document.images['oDIV'+next].style.display = "block";
document.images['oDIV'+NowFrame].style.display = "none";
oTransContainer.filters[0].Play(duration=5);
if(NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 6000);
}
onload=fnToggle;
</SCRIPT>
<!--焦点图片开始-->
<style>
#oTransContainer { WIDTH: 170px; HEIGHT: 130px}
#oTransContainer img {BORDER: black 1px solid; DISPLAY:none ; height:130px;width:130px; }
</style>
<DIV id=oTransContainer style="FILTER: progid:dXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward');">
<A href="###" target=_blank><IMG id=oDIV1 src="http://tucoo.com/icon/Yazoo%20smilies/s/Crazy.png" border=0></A>
<A href="###" target=_blank><IMG id=oDIV2 src="http://tucoo.com/icon/Yazoo%20smilies/s/Ninja.png" border=0></A>
<A href="###" target=_blank><IMG id=oDIV3 src="http://tucoo.com/icon/Yazoo%20smilies/s/Huh!.png" border=0></A>
<A href="###" target=_blank><IMG id=oDIV4 src="http://tucoo.com/icon/Yazoo%20smilies/s/Tongue.png" border=0></A>
<A href="###" target=_blank><IMG id=oDIV5 src="http://tucoo.com/icon/Yazoo%20smilies/s/Angry.png" border=0></A>
</DIV>
http://www.sunningmosaic.com/
http://www.sunningmosaic.com/images/focus.swf
而不出现图片另存为这样的菜单!做这样的焦点图不知如何实现?