<script>
myshowhide=true;
function showhide()
{
document.all.ballack.innerHTML=myshowhide?"折叠显示":"展开显示";
document.all.hero.src=myshowhide?"user3.gif":"user1.gif";
myshowhide=!myshowhide;
}
</script>
<a href="javascript:showhide()" id=ballack>展开显示</a><img id=hero src=user1.gif>

解决方案 »

  1.   

    使用zoom属性,element.style.zoom=0.5
      

  2.   

    <script>
    myshowhide=true;
    function showhide(i)
    {
    mylink="ballack"+i;
    document.all[mylink].innerHTML=myshowhide?"折叠显示":"展开显示";
    mydiv="kahn"+i;
    document.all[mydiv].style.display=myshowhide?"none":"block";
    myshowhide=!myshowhide;
    }
    </script>
    <a href="javascript:showhide(1)" id=ballack1>展开显示</a>
    <div id=kahn1><img id=hero11 src=user11.gif><img id=hero12 src=user12.gif>
    </div><p>
    <a href="javascript:showhide(2)" id=ballack2>展开显示</a>
    <div id=kahn2><img id=hero21 src=user21.gif><img id=hero22 src=user22.gif><img id=hero23 src=user23.gif>
    </div>