有一区域，按右下标点击显示相应的图片,在线等

有一区域，显示一组图片，右下角有123的标码，点击１时，出现图片１，点击２时出现图片２，点击３时出现图片３
这功能怎么实现呀，thanks

解决方案 »

  1.   

    <html>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
    img{display:none;}
        </style>
        <body > 
        <img style="display:block;" src="a.jpg" alt="">
         <img src="b.jpg" alt="">
         <img src="c.jpg" alt=""><br />  
         <p><a href="javascript:void(0)">1</a>&nbsp;&nbsp;<a href="javascript:void(0)">2</a>&nbsp;&nbsp;<a href="javascript:void(0)">3</a></p> 
         <script>
          var imgs = document.getElementsByTagName('img'),
    a = document.getElementsByTagName('a'),
    len = a.length;

    for(var i = 0; i < len; i++){
    !function(i){
    a[i].onclick = function(){
    for(var j = 0; j < len; j++){
    imgs[j].style.display = 'none'
    }
    imgs[i].style.display = 'block';
    };
    }(i)
    }
         </script>
        </body>
    </html>