JavaScript 里 switch 怎么按照 id 选择case呀?!..

就是有 4张图 我点图1出来一个层1，
我点图2，层1隐藏，层2出现 这样...或者有那种 哪位大拿帮帮忙哦 
问题补充：我想用JavaScript 里 switch 按照 id 选择case  但是不知道咋写 - -!
如果有其他的执行方式 也可以啊 或者类似的都行。小弟谢谢大家啦

解决方案 »

  1.   

    <BODY>
     <input type="radio" name="pic" checked OnClick="show_pic(1)">1
     <input type="radio" name="pic" OnClick="show_pic(2)">2
     <input type="radio" name="pic" OnClick="show_pic(3)">3
     <input type="radio" name="pic" OnClick="show_pic(4)">4
     <br>
      <img id="img1" src="http://c.csdn.net/bbs/t/5/i/pic_logo.gif" width="100">
      <img id="img2" src="http://c.csdn.net/bbs/t/5/i/pic_logo.gif" width="200" style="display:none">
      <img id="img3" src="http://c.csdn.net/bbs/t/5/i/pic_logo.gif" width="300" style="display:none">
      <img id="img4" src="http://c.csdn.net/bbs/t/5/i/pic_logo.gif" width="400" style="display:none">
     </BODY>
    </HTML>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function show_pic(id)
    {
    var i = 1;
    for(; i<=4; i++)
    {
    document.all("img" + i).style.display = "none"
    } document.all("img" + id).style.display = ""
    }
    //-->
    </SCRIPT>
      

  2.   

    实现功能很简单 不过分个点有点少，但是你的这个问题，我还是会帮你搞定的
    <html>
    <head>
    <title></title>
    <script>
    function userNameKey(pageId){
    var page = "";
    switch(pageId) {
    case 1:
    page="---图片地址路径---";
    break;
    case 2:
    page="---图片地址路径---";
    break;
    case 3:
    page="---图片地址路径---";
    break;
    case 4:
    page="---图片地址路径---";
    break;
    default :
    break;
    }
    if(page != "") document.all.soccer.src = page;
    }
    </script>
    </head>
    <body>
    <input type="button" value="图片一" onclick="userNameKey(1);"/>
    <input type="button" value="图片二" onclick="userNameKey(2);"/>
    <input type="button" value="图片三" onclick="userNameKey(3);"/>
    <input type="button" value="图片四" onclick="userNameKey(4);"/>
    <input type="button" value="图片五" onclick="userNameKey(5);"/>
    <img ID="soccer" src="---图片地址路径---" height="200"/>
    </body>
    </html>