javaScript学习：图片库

Html：

<h1>Snapshots</h1>
<ul>
    <li><a href="images/1.jpg" onclick="show(this);return false;" title="one" >第一张图片</a></li>
    <li><a href="images/2.jpg" onclick="show(this);return false;" title="two" >第二张图片</a></li>
    <li><a href="images/3.jpg" onclick="show(this);return false;" title="three" >第三张图片</a></li>
    <li><a href="images/4.jpg" onclick="show(this);return false;" title="four" >第四张图片</a></li>
</ul>
    <!--onclick事件函数触发后返回的是false 所以链接不会被打开  -->
    <a href="http://www.baidu.com" onclick="return false">click me to baidu</a>
<img id="pla" src="images/6.jpg" / alt="图片库">

JavaScript：

<script type="text/javascript">
        /*
        把这个函数命名为showPic,给这个函数的参数命名为whichpic
        获取pla的位置，把把它赋给变量placeholder
       使用setAttribute方法对placeholder元素的src属性进行刷新
        }*/
        function show(pic){
            var sour = pic.getAttribute('href');
            var placeholder  = document.getElementById('pla');
            placeholder.setAttribute('src',sour);
        }
</script>