JS制作的幻灯片的问题

对应下我的代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 图片切换效果</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="梁超">
<style type='text/css'>
.bigon{background:url(http://mat1.qq.com/ent/ent2007/ent2-04.gif);color:#C9000E;}
    .bigoff{background:url(http://mat1.qq.com/ent/ent2007/ent2-03.gif);color:#3C3C3C;}
</style></HEAD><BODY>
<table width="350" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="344">
    <table width="332" border="0" align="center" cellpadding="0" cellspacing="1">
            <tr>
              <td width="330" style="border:1px solid #4F4F4F;"><div id="fc" style="width:328px;height:240px;filter:progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );"><div style="display:block;">
<a href="http://ent.qq.com/a/20080618/000007.htm" target="_blank"><img src="http://mat1.qq.com/ent/upday2008/06182.jpg" width="328" height="240" border="0" onMouseOver="ClearTime();" onMouseOut="ImgChange()" /></a></div>
<div style="display:none;">
<a href="http://ent.qq.com/a/20080618/000104.htm" target="_blank"><img src="http://mat1.qq.com/ent/upday2008/06188.jpg" width="328" height="240" border="0" onMouseOver="ClearTime();" onMouseOut="ImgChange()" /></a></div> 
<div style="display:none;"><a href="http://ent.qq.com/a/20080618/000002.htm" target="_blank"><img src="http://mat1.qq.com/ent/upday2008/06184.jpg" width="328" height="240" border="0" onMouseOver="ClearTime();" onMouseOut="ImgChange()" /></a></div><div style="display:none;">
<a href="http://ent.qq.com/a/20080618/000048.htm" target="_blank"><img src="http://mat1.qq.com/ent/upday2008/06187.jpg" width="328" height="240" border="0" onMouseOver="ClearTime();" onMouseOut="ImgChange()" /></a></div><div style="display:none;">
<a href="http://ent.qq.com/a/20080618/000109.htm" target="_blank"><img src="http://mat1.qq.com/ent/upday2008/06186.jpg" width="328" height="240" border="0" onMouseOver="ClearTime();" onMouseOut="ImgChange()" /></a></div>
    </div>
</td>
            </tr>
            <tr>
              <td height="31" background="http://mat1.qq.com/ent/ent2007/ent2-02.gif"><table width="328" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="228" align="center" onmouseover="ClearTime();" onMouseOut="ImgChange()"><div id="con"><div style="display:block;">
<a href="http://ent.qq.com/a/20080618/000007.htm" target="_blank" class="bla">关之琳穿花裙高调亮相 灿烂醉笑日渐显老</a></div> 
<div style="display:none;">
<a href="http://ent.qq.com/a/20080618/000104.htm" target="_blank" class="bla">《嫂嫂19岁》导演李昌汉要在内地选女主角</a></div>
<div style="display:none;">
<a href="http://ent.qq.com/a/20080618/000002.htm" target="_blank" class="bla">《剑蝶》迟到引不满 吴尊阿sa感情甚好</a></div>
<div style="display:none;">
<a href="http://ent.qq.com/a/20080618/000048.htm" target="_blank" class="bla">成龙与儿子合作 拳打脚踢为《熊猫》配音</a></div> 
<div style="display:none;">
<a href="http://ent.qq.com/a/20080618/000109.htm" target="_blank" class="bla">林嘉欣踏入三十岁 希望早点结婚生孩子</a></div>
                </div></td>
                    <td width="100"><table width="83" border="0" align="center" cellpadding="0" cellspacing="3" class="lhn" id="num">
                        <tr>
                          <td width="13" height="19" align="center" background="http://mat1.qq.com/ent/ent2007/ent2-04.gif" class="bigon" onclick="ChangeStart(0);" onmouseover="ClearTime();" onmouseout="ImgChange()" style="cursor:pointer;">1</td>
                          <td width="13" align="center" background="http://mat1.qq.com/ent/ent2007/ent2-03.gif" class="bigoff" onclick="ChangeStart(1);" onmouseover="ClearTime();" onmouseout="ImgChange()" style="cursor:pointer;">2</td>
                          <td width="13" align="center" background="http://mat1.qq.com/ent/ent2007/ent2-03.gif" class="bigoff" onclick="ChangeStart(2);" onmouseover="ClearTime();" onmouseout="ImgChange()" style="cursor:pointer;">3</td>
                          <td width="13" align="center" background="http://mat1.qq.com/ent/ent2007/ent2-03.gif" class="bigoff" onclick="ChangeStart(3);" onmouseover="ClearTime();" onmouseout="ImgChange()" style="cursor:pointer;">4</td>
                          <td width="13" align="center" background="http://mat1.qq.com/ent/ent2007/ent2-03.gif" class="bigoff" onclick="ChangeStart(4);" onmouseover="ClearTime();" onmouseout="ImgChange()" style="cursor:pointer;">5</td>
     </tr>
    </table></td>
    </tr>
</table></td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
/*
   作品：图片切换效果
   主要应用：filter:progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 )
  
*/
var n = 0;
var Timer = null;
var oBackImg = document.getElementById('num');//初始化函数
function InitParm(){
   n++;
   if(n>4)n=0;
   ChangeStart(n);
}
function ChangeStart(n){
   ImgSel(n);//图片切换
   LinkChange(n);//超链接切换
   BackImg(n);//小图片背景切换  
}
// 定时图片切换
function ImgSel(num){
   with(fc){
    filters[0].Apply();//初始化滤镜
    for(var i = 0;i < 5; i++) (i == num) ? (childNodes[i].style.display = "block") : (childNodes[i].style.display = "none");
    filters[0].play();//滤镜使用
   }  
}// 定时超链接切换
function LinkChange(num){
   with(con){
    for(var i = 0;i < 5; i++) i == num?childNodes[i].style.display = "block":childNodes[i].style.display = "none";  
   }
  
}
// 定时小背景图片切换
function BackImg(len){
for(var i=0;i<5;i++)
   if(len==i){
   oBackImg.getElementsByTagName("td")[i].className='bigon';
   } 
else{ 
   oBackImg.getElementsByTagName("td")[i].className='bigoff';
   } 
}//清除定时器
function ClearTime(){
   clearInterval(Timer);
}function ImgChange(){
   Timer = window.setInterval("InitParm()",3000);
}ImgChange();// 特别应用：图片转换滤镜的应用
//-->
</SCRIPT> 
</BODY>
</HTML>

解决方案 »

  1.   

    另外又找了一个：源自http://sky.news.sina.com.cn/<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
    <title>新しいページ 2</title>
    </head><body>
    <div class="PartA">
    <div class="P_Left">
    <!-- Left begin -->
    <!-- ｽｹｵ耋ｼ begin -->
    <div style="padding:21px 0 0 9px">
    <style type="text/css">
    #FocusImg_JS{width:474px; height:270px; overflow:hidden; font-size:12px;}
    html* #FocusImg_JS{height:265px;}
    #FocusImg_JS img{border:1px #000 solid;}
    #FIJ_L{width:363px; overflow:hidden; float:left;}
    #FIJ_L span{display:block; width:363px; height:243px; overflow:hidden;}
    #FIJ_L p{text-align:center; display:block; padding:6px 0 0 0; font-weight:bold; margin:0;font-size:14px;}
    #FIJ_L p a,#FIJ_L p a:visited{color:#000; text-decoration:none;}
    #FIJ_L p a:hover,#FIJ_L p a:active{color:#c00; text-decoration:underline;}
    #FIJ_R{width:111px; overflow:hidden; float:right;text-align:right;}
    .id_FIJ_R_ImgBlk{height:67px; overflow:hidden; clear:both; cursor:pointer;}
    .id_FIJ_R_ImgBlk_On{height:67px; overflow:hidden; clear:both; cursor:pointer;}
    .id_FIJ_R_ImgBlk_On img{-moz-opacity:.5; opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=50,finishOpacity=50);}
    </style>
    <script type="text/javascript">
    var TimeOut=5000;              //ﾇﾐｻｻﾊｱｼ・ｵ･ﾎｻｺﾁﾃ・;
    var StartType="onmouseover";   //ﾋﾔﾍｼｴ･ｷ｢ｶｯﾗ・
    var imgUrl=new Array();
    var imgSUrl=new Array(); 
    var imgLink=new Array();
    var imgtext=new Array();
    var imgAlt=new Array();
    var adNum=0;
    //ｴｼｳﾟｴ逎ｺ361｡ﾁ241  ﾐ｡ﾍｼｳﾟｴ逎ｺ98｡ﾁ60
    imgUrl[1]='http://i0.sinaimg.cn/jc/139/2007/1129/U2143P27T139D28F3313DT20080627123934.jpg';
    imgSUrl[1]='http://i0.sinaimg.cn/jc/139/2007/1129/U2143P27T139D28F3313DT20080627123934.jpg';
    imgtext[1]='<a href="http://mil.news.sina.com.cn/nz/haihangt1/index.shtml" target="_blank">ｺ｣ｺｽﾆﾃﾊﾗｶｼｻ嵭｡1ｺﾅｺｽﾕｾﾂ･ ﾔ邁狡ﾃｿﾍﾊﾕｵｽｾｪﾏｲ</a>';
    imgLink[1]='http://mil.news.sina.com.cn/nz/haihangt1/index.shtml';
    imgAlt[1]='ｺ｣ｺｽﾆﾃﾊﾗｶｼｻ嵭｡1ｺﾅｺｽﾕｾﾂ･ ﾔ邁狡ﾃｿﾍﾊﾕｵｽｾｪﾏｲ';imgUrl[2]='http://i1.sinaimg.cn/jc/139/2007/1129/U2143P27T139D28F3316DT20080627123824.jpg';
    imgSUrl[2]='http://i1.sinaimg.cn/jc/139/2007/1129/U2143P27T139D28F3316DT20080627123824.jpg';
    imgtext[2]='<a href="http://mil.news.sina.com.cn/p/s/2008-06-27/1230507407.html" target="_blank">ｿﾕｿﾍﾐﾂﾐﾍA400Mﾔﾋﾊ莉昤ﾚﾎ獏ﾀﾕ&#63729;ﾊｽｽﾒﾅﾆ(ﾗ鯱ｼ)</a>';
    imgLink[2]='http://mil.news.sina.com.cn/p/s/2008-06-27/1230507407.html';
    imgAlt[2]='ｿﾕｿﾍﾐﾂﾐﾍA400Mﾔﾋﾊ莉昤ﾚﾎ獏ﾀﾕ&#63729;ﾊｽｽﾒﾅﾆ(ﾗ鯱ｼ)';imgUrl[3]='http://i0.sinaimg.cn/jc/139/2007/1129/U2143P27T139D28F3319DT20080627123824.jpg';
    imgSUrl[3]='http://i0.sinaimg.cn/jc/139/2007/1129/U2143P27T139D28F3319DT20080627123824.jpg';
    imgtext[3]='<a href="http://mil.news.sina.com.cn/s/2008-06-27/0913507354.html" target="_blank">ﾐﾂｳﾉﾁ｢ﾖﾐｹ德ｽｿﾕｹ､ﾒｵｼｯﾍﾅﾈｷｶｨｺｽｿﾕﾆ﨤ｵﾁｽｴｵ</a>';
    imgLink[3]='http://mil.news.sina.com.cn/s/2008-06-27/0913507354.html';
    imgAlt[3]='ﾐﾂｳﾉﾁ｢ﾖﾐｹ德ｽｿﾕｹ､ﾒｵｼｯﾍﾅﾈｷｶｨｺｽｿﾕﾆ﨤ｵﾁｽｴｵ';imgUrl[4]='http://i1.sinaimg.cn/jc/139/2007/1129/U2143P27T139D28F3322DT20080626110622.jpg';
    imgSUrl[4]='http://i1.sinaimg.cn/jc/139/2007/1129/U2143P27T139D28F3322DT20080626110622.jpg';
    imgtext[4]='<a href="http://mil.news.sina.com.cn/s/2008-06-26/0813507105.html" target="_blank">ﾉﾛｰﾋｺﾅｷﾉｴｬｽｫﾓﾃｸﾄｽﾍｻ&#63729;ｷ｢ﾉ・2010ﾄ・ﾗｷﾉ</a>';
    imgLink[4]='http://mil.news.sina.com.cn/s/2008-06-26/0813507105.html';
    imgAlt[4]='ﾉﾛｰﾋｺﾅｷﾉｴｬｽｫﾓﾃｸﾄｽﾍｻ&#63729;ｷ｢ﾉ・2010ﾄ・ﾗｷﾉ';</script>
    <script type="text/javascript">
    function changeimg(n){adNum=n;window.clearInterval(theTimer);adNum=adNum-1;nextAd();}
    function goUrl(){window.open(imgLink[adNum],'_blank');}
    var count=0;for(i=1;i<imgUrl.length;i++){if((imgUrl[i]!="")&&(imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="")){count++;}else{break;}}
    function playTran(){if(document.all){imgInit.filters.revealTrans.play();}}
    var key=0;function nextAd(){if(adNum<(imgUrl.length-1)){adNum++;}else{adNum=1;}
    if(key==0){key=1;}else if(document.all){imgInit.filters.revealTrans.Transition=23;imgInit.filters.revealTrans.apply();playTran();}
    document.images.imgInit.src=imgUrl[adNum];document.images.imgInit.alt=imgAlt[adNum];document.getElementById('FIJ_R_IB_'+adNum).className='id_FIJ_R_ImgBlk_On';for(var i=1;i<=count;i++){if(i!=adNum){document.getElementById('FIJ_R_IB_'+i).className='id_FIJ_R_ImgBlk';}}
    document.getElementById('focustext').innerHTML=imgtext[adNum];document.getElementById('imgLink').href=imgLink[adNum];theTimer=setTimeout("nextAd()",TimeOut);}
    document.write('<div id="FocusImg_JS">');document.write(' <div id="FIJ_L">');document.write('  <span><a id="imgLink" href="'+imgLink[1]+'" target="_blank"><img style="FILTER: revealTrans(duration=1,transition=5);" src="" width="361" height="241" name="imgInit" alt="'+imgAlt[1]+'" /></a></span>');document.write('  <p id="focustext">'+imgtext[1]+'</p>');document.write(' </div>');document.write(' <div id="FIJ_R">');for(var i=1;i<imgUrl.length;i++){document.write('  <div id="FIJ_R_IB_'+i+'" class="id_FIJ_R_ImgBlk"><a href="javascript:;" '+StartType+'="javascript:changeimg('+i+')" title="'+imgAlt[i]+'"><img width="98" height="60" src="'+imgSUrl[i]+'" alt="'+imgAlt[i]+'"/></a>');document.write(' </div>');}
    nextAd();document.write('</div></div>');
    </script>
    </div>
    <!-- ｽｹｵ耋ｼ end -->
    <!-- ｻ憘ｱﾔ､ｶｩ begin -->
    </body></html>