javascript---简介的切换图片效果。

<!--切换图片-->
<img src="img/9.gif" alt="" id="img">
<button onclick="prev();"> < </button>
<button onclick="next();"> > </button>

<script>
//   获取到 img 
    var oImg = document.getElementById("img");
//   上一个
    var num =9;
    function prev() {
        num -= 1;
        if (num === -1){
            num = 9;
        }
        oImg.src = 'img/'+num+'.gif';
    }
//   下一个
    function next() {
        num += 1;
        if (num === 10){
            num =0;
        }
        oImg.src = 'img/'+num+'.gif';
    }
</script>

在使用图片时，图片的命名用数字表达，这样简单明了，方便js的运行。