图片轮播案例

<IMG />标签
●用来显示图片的标签
●Src属性用来设置图片来源

<SCRIPT>标记
●这里开始写js代码，这个代码用来控制网页上面html标签的逻辑，俗称DOM控制
●N++意义是n=n+1 用来切换图片名称
●document.getElementByld ("对应htmI中标签的ID的值")
●innerHTML 表示某个容器内部所有的html代码

符号对应
空格对应到ur中是%20

js代码

//获取容器    使用var申明的变量则不是全局变量，它的范围被限制在该变量被申明的函数体内（函数的概念将稍后讲解），同名变量在不同的函数体内互不冲突。
var pics = document.getElementById("pics");
var n = 1;
//设置时钟控件
setInterval(function(){
    //alert(n);     Interval：间隔
    //n++;
    if(n>4) n=1;
    pics.innerHTML="<img src='img/00"+n+".JPG'/>";
    n++;
},2000);

.main代码

            <div class="main">
                <div id="pics">
                    <img src="img/001.JPG"/>
                </div>
            </div>