最简单的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>

解决方案 »

  1.   

    GOOGLE直接搜索JS幻灯片,很多代码
      

  2.   


    <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>
      

  3.   

    直接用flash啊
    http://www.sunningmosaic.com/
    http://www.sunningmosaic.com/images/focus.swf
      

  4.   

    我是说制作出来的是Flash效果的,也就是你在上面点击右键时,会显示Flash的菜单信息,
    而不出现图片另存为这样的菜单!做这样的焦点图不知如何实现?