链接显示图片问题

页面有一些
如001 002 003.....文字
#rowf4 { 
width:18%; 
float:left; text-align:center; 
font-size: small;
} 
把它们都分格了
如
<div id="rowf4"><font size="2" color="#00de00">001</font></div><div id="rowf4"><font size="2" color="#00de00">002</font></div>
<div id="rowf4"><font size="2" color="#00de00">007</font></div>
<div id="rowf4"><font size="2" color="#00de00">0035</font></div>
。。
。。在images文件夹内有以001，002，007，0035命名的gif图片，如001.gif ,002.gif,0035.gif.......
现在还有一个css.navboxcont_77E712 {  width: 1028px; height:left}
效果，如点击001,navboxcont_77E712里显示001.gif，如再点击0035，navboxcont_77E712里显示0035.gif以此类推，默认显示001.gif这个该怎么写呢.

解决方案 »

  1.   

    >height:left这是什么
    这就是tab的切换吧，找个现成的用一下就好了
      

  2.   


    <div id="rowf4" onclick="abc('001.gif')"><font size="2" color="#00de00">001</font></div>
    <div id="rowf4" onclick="abc('002.gif')"><font size="2" color="#00de00">002</font></div>
    <div id="rowf4" onclick="abc('007.gif')"><font size="2" color="#00de00">007</font></div>
    <div id="rowf4" onclick="abc('0035.gif')"><font size="2" color="#00de00">0035</font></div>
    <script type="text/javascript">
    function abc(img){
    document.getElementById("图片ID").src=img;
    }
    </script>
      

  3.   

    <style>
    #rowf4 {  
    width:18%;  
    float:left;  text-align:center;  
    font-size: small;
    }
    .navboxcont_77E712 { width: 1028px; height:20px}</style>
    <script language=javascript>
    window.onload=function(){
        //default
        document.getElementById("test").style.backgroundImage="url(001.jpg)";
        var s=document.getElementsByTagName("font");
        for(var i=0;i<s.length;i++){
            s[i].onclick=function(){
                document.getElementById("test").style.backgroundImage="url("+this.innerHTML +".gif'";
            };
        }
    }  
    </script>
    <div id="rowf4"><font size="2" color="#00de00">001</font></div>
    <div id="rowf4"><font size="2" color="#00de00">002</font></div>
    <div id="rowf4"><font size="2" color="#00de00">007</font></div>
    <div id="rowf4"><font size="2" color="#00de00">0035</font></div>
    <div id=test class="navboxcont_77E712">s</div>
      

  4.   

    <!DOCTYPE html >
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>eeeeeeeeeee</title>
    <style>
    #rowf4 {  
    width:18%;  
    float:left;  text-align:center;  
    font-size: small;
    }
    .navboxcont_77E712 { width: 1028px; height:20px}</style>
    <script language=javascript>
    window.onload=function(){
        //default
        document.getElementById("test").style.backgroundImage="url(images/001.gif)";
        var s=document.getElementsByTagName("font");
        for(var i=0;i<s.length;i++){
            s[i].onclick=function(){
                document.getElementById("test").style.backgroundImage="url("+this.innerHTML +".gif)";
            }
        }
    }  
    </script>
    <div id="rowf4"><font size="2" color="#00de00">001</font></div>
    <div id="rowf4"><font size="2" color="#00de00">002</font></div>
    <div id="rowf4"><font size="2" color="#00de00">007</font></div>
    <div id="rowf4"><font size="2" color="#00de00">0035</font></div>
    <div id=test class="navboxcont_77E712">s</div>
    </body>
    </html>默认可以显示图片，点击001等就是显示"s",没有图片，图片在images/文件夹里，("images/+this.innerHTML +".gif)";这么写也不行啊，该怎么改啊
      

  5.   

    ("images/"+this.innerHTML +".gif)";
    引号要配对，细心点儿
      

  6.   

    document.getElementById("test").style.backgroundImage="url(image/"+this.innerHTML +".gif)";