JS图片轮换问题

HTML代码
<!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=utf-8" />
<title>无标题文档</title>
<link href="cc.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="cd.js">
</script></head>
<body onload="slideShow()">
<div id="header" class="header"></div>
<ul id="nav">
<li onmouseover="displaynode(this)" onmouseout="hidenode(this)"><a href="#">首 页</a>
<ul>
<li><a href="#">1111111</a></li>
<li><a href="#">2222222</a></li>
<li><a href="#">3333333</a></li>
<li><a href="#">4444444</a></li>
</ul>
</li>
<li onmouseover="displaynode(this)" onmouseout="hidenode(this)"><a href="#">供应产品</a>
<ul>
<li><a href="#">1111111</a></li>
<li><a href="#">2222222</a></li>
<li><a href="#">3333333</a></li>
<li><a href="#">4444444</a></li>
</ul>
</li>
<li><a href="#">公司简介</a></li>
<li><a href="#">公司相册</a></li>
<li><a href="#">客户反馈</a></li>
<li><a href="#">联系我们</a></li>
</ul>
<div id="content">
<div class="solidbox"></div>
<table id="t1">
  <tr><td>
<div id="imag"><img name="slideShow" />
<!--<img src="image/01.jpg" id="dv1"/>
<img src="image/02.jpg" id="dv2"  style="display:none"/>
<img src="image/03.jpg" id="dv3"  style="display:none"/>
<img src="image/04.jpg" id="dv4"  style="display:none"/> 
 --></div>
<table id="t2">
<tr>
<td><a href="javascript:togle(1)"><img src="image/s_1.gif" id="im1" border="0px" width="17px"/></a></td>
<td><a href="javascript:togle(2)"><img src="image/s_2.gif" id="im2" border="0px" width="17px"/></a></td>
<td><a href="javascript:togle(3)"><img src="image/s_3.gif" id="im3" border="0px" width="17px"/></a></td>
<td><a href="javascript:togle(4)"><img src="image/s_4.gif" id="im4" border="0px" width="17px"/></a></td>
</tr>
</table>
</td>
</tr>
</table>
<div id="news"><marquee direction="up"><p>新闻一 黁短短的几句你哦ijd解决地方<br /></p>
<p>新闻二 那就大幅回调后难对付女的放哪<br /></p>
<p>新闻三 难对付累计额挨饿叫我发<br /></p>
<p>新闻二 那就大幅回调后难对付女的放哪<br /></p>
<p>新闻三 难对付累计额挨饿叫我发<br /></p>
</marquee></div>
<h3>前言</h3>
<p>第一段内容</p>
<h3>理解CSS盒子模式</h3>
<p>第二段内容</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div id="footer">
</div>
</body></html>JS代码
//隐藏下拉菜单
function displaynode(li){
var node=li.getElementsByTagName("ul")[0];
node.style.display="block";
}
//显示下拉菜单
function hidenode(li){
var node=li.getElementsByTagName("ul")[0];
node.style.display="none";
}
//点击序号显示图片
function togle(i){
var i;
if(i==1)
{
document.images['dv1'].style.display="block";
document.images['dv2'].style.display="none";
document.images['dv3'].style.display="none";
document.images['dv4'].style.display="none";
}
if(i==2)
{
document.images['dv1'].style.display="none";
document.images['dv2'].style.display="block";
document.images['dv3'].style.display="none";
document.images['dv4'].style.display="none";
}
if(i==3)
{
document.images['dv1'].style.display="none";
document.images['dv2'].style.display="none";
document.images['dv3'].style.display="block";
document.images['dv4'].style.display="none";
}
if(i==4)
{
document.images['dv1'].style.display="none";
document.images['dv2'].style.display="none";
document.images['dv3'].style.display="none";
document.images['dv4'].style.display="block";
}
}
//图片循环显示 function tim()
{
var im1=document.getElementById("imag").getElementsByTagName("img");
 for(i=0;i<im1.length;i++)
{
      var im11=im1[i];
  //im1.style.display="block";
 setTimeout("function(){im1.style.display='block';}",1000);
}
}有没有人可以帮我看看．为什么在页面上面图片不会自动转换．！！！急在线等

解决方案 »

  1.   

    <div id="imag"><img name="slideShow" />
    <!--<img src="image/01.jpg" id="dv1"/>
    <img src="image/02.jpg" id="dv2" style="display:none"/>
    <img src="image/03.jpg" id="dv3" style="display:none"/>
    <img src="image/04.jpg" id="dv4" style="display:none"/> 
     --></div>
    lz你给注释了吧
      

  2.   


    function tim()
    {
    im1=document.getElementById("imag").getElementsByTagName("img");
    imglen=im1.length;
    nowIndex=0;
    setInterval("show()",1000);
    }
    function show()
    {
    if(nowIndex<imglen-1)
    {
    nowIndex++;
    }
    else
    {
    nowIndex=0;
    }
    for(var i=0;i<imglen;i++)
    {
    if(i==nowIndex)
    {
    im1[i].style.display='block';
    }
    else
    {
    im1[i].style.display='none';
    }
    }
    }
    </script></head>
    <body onload="tim()">onload="tim()"
      

  3.   


    <!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=utf-8" />
    <title>无标题文档</title>
    <link href="cc.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript">
    //隐藏下拉菜单
    function displaynode(li)
    {
    var node=li.getElementsByTagName("ul")[0];
    node.style.display="block";
    }
    //显示下拉菜单 
    function hidenode(li)
    {
    var node=li.getElementsByTagName("ul")[0];
    node.style.display="none";
    }
    //点击序号显示图片
    function togle(i)
    {
    var i;
    if(i==1)
    {
    document.images['dv1'].style.display="block";
    document.images['dv2'].style.display="none";
    document.images['dv3'].style.display="none";
    document.images['dv4'].style.display="none";
    }
    if(i==2)
    {
    document.images['dv1'].style.display="none";
    document.images['dv2'].style.display="block";
    document.images['dv3'].style.display="none";
    document.images['dv4'].style.display="none";
    }
    if(i==3)
    {
    document.images['dv1'].style.display="none";
    document.images['dv2'].style.display="none";
    document.images['dv3'].style.display="block";
    document.images['dv4'].style.display="none";
    }
    if(i==4)
    {
    document.images['dv1'].style.display="none";
    document.images['dv2'].style.display="none";
    document.images['dv3'].style.display="none";
    document.images['dv4'].style.display="block";
    } 
    }
    //图片循环显示
    var im1;
    function tim()
    {
    im1=document.getElementById("imag").getElementsByTagName("img");
    imglen=im1.length;
    nowIndex=0;
    setInterval("show()",1000);
    }
    function show()
    {
        if(nowIndex<imglen-1)
        {
            nowIndex++;
        }
        else
        {
            nowIndex=0;
        }
        for(var i=0;i<imglen;i++)
        {
            if(i==nowIndex)
            {
                im1[i].style.display='block';
            }
            else
            {
                im1[i].style.display='none';
            }
        }
    }
    </script></script></head>
    <body onload="tim()">
    <div id="header" class="header"></div>
    <ul id="nav">
    <li onmouseover="displaynode(this)" onmouseout="hidenode(this)"><a href="#">首 页</a>
    <ul>
    <li><a href="#">1111111</a></li>
    <li><a href="#">2222222</a></li>
    <li><a href="#">3333333</a></li>
    <li><a href="#">4444444</a></li>
    </ul>
    </li>
    <li onmouseover="displaynode(this)" onmouseout="hidenode(this)"><a href="#">供应产品</a>
    <ul>
    <li><a href="#">1111111</a></li>
    <li><a href="#">2222222</a></li>
    <li><a href="#">3333333</a></li>
    <li><a href="#">4444444</a></li>
    </ul>
    </li>
    <li><a href="#">公司简介</a></li>
    <li><a href="#">公司相册</a></li>
    <li><a href="#">客户反馈</a></li>
    <li><a href="#">联系我们</a></li>
    </ul>
    <div id="content">
    <div class="solidbox"></div>
    <table id="t1">
    <tr>
    <td>
    <div id="imag">
    <img src="image/01.jpg" id="dv1"/>
    <img src="image/02.jpg" id="dv2" style="display:none"/>
    <img src="image/03.jpg" id="dv3" style="display:none"/>
    <img src="image/04.jpg" id="dv4" style="display:none"/>  
    </div>
    <table id="t2">
    <tr>
    <td><a href="javascript:togle(1)"><img src="image/s_1.gif" id="im1" border="0px" width="17px"/></a></td>
    <td><a href="javascript:togle(2)"><img src="image/s_2.gif" id="im2" border="0px" width="17px"/></a></td>
    <td><a href="javascript:togle(3)"><img src="image/s_3.gif" id="im3" border="0px" width="17px"/></a></td>
    <td><a href="javascript:togle(4)"><img src="image/s_4.gif" id="im4" border="0px" width="17px"/></a></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <div id="news"><marquee direction="up"><p>新闻一 黁短短的几句你哦ijd解决地方<br /></p>
    <p>新闻二 那就大幅回调后难对付女的放哪<br /></p>
    <p>新闻三 难对付累计额挨饿叫我发<br /></p>
    <p>新闻二 那就大幅回调后难对付女的放哪<br /></p>
    <p>新闻三 难对付累计额挨饿叫我发<br /></p>
    </marquee></div>
    <h3>前言</h3>
    <p>第一段内容</p>
    <h3>理解CSS盒子模式</h3>
    <p>第二段内容</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </div>
    <div id="footer">
    </div>
    </body>
    </html>