图片隐藏，切换！！

<html>
<head>
<script>
function hide()
{
        var m1=document.getElementById("m1");
m1.width="0";
m1.height="0";
}
function xianshi()
{
        var m2=document.getElementById("m1");
                                m2.src=m1.src;
m2.width="200";
m2.height="270";
}     
                        function qiehuan()
                        {
        var m3=document.getElementById("m3");
m3.width="200";
m3.height="270";
                                m1.src=m3.src;                         }                                                     
</script>
</head>
<body background="0.jpg">
<img align="middle"  width="200" height="270" src="2.jpg" alt="好啊" id="m1" ></img> <img align="middle"  width="0" height="0" src="1.jpg" alt="好啊" id="m3" ></img>
   <a href=javascript:hide()>隐藏图片</a>
   <a href=javascript:xianshi()>显示图片</a>
   <a href=javascript:qiehuan()>切换图片</a>
</body>
</html>
以上代码所执行的效果，不太对啊！！如何修改呢？？

解决方案 »

  1.   

     function qiehuan(){
    var m3=document.getElementById("m3");
    var m1 = document.getElementById("m1");
    m3.width="200";
    m3.height="270";
    var tempM = m1.src; 
    m1.src=m3.src;
    m3.src=tempM;
    }   
      

  2.   

    隐藏和显示哪有那么做的,这种代码扔一边吧。function hide()
    {
     document.getElementById("m1").display="none";
     document.getElementById("m3").display="none";
    }
    function xianshi()
    {
     document.getElementById("m1").display="block";
     document.getElementById("m3").display="block";
    }   
    function qiehuan()
    {
     var tmp=document.getElementById("m1").src;
     document.getElementById("m1").src=document.getElementById("m3").src;
     document.getElementById("m3").src=tmp;
     xianshi()
    }