轮播图(html+JS实现)

      作为一名前端初学者,最近疯狂的爱上写网页,今天又根据新学到的知识做了一个轮播图。本案例是利用html+js实现一个轮播图,即当打开网页时,每三秒会切换一张图片,共三张图片,循环的进行。

案例分析:

        1.在页面上使用img标签展示图片

        2.定义一个方法,修改图片对象的src属性

       3.定义一个定时器,每隔三秒调用方法一次。

代码如下:




    
    轮播图


    
    

运行结果截图:

轮播图(html+JS实现)_第1张图片

轮播图(html+JS实现)_第2张图片

轮播图(html+JS实现)_第3张图片

 

你可能感兴趣的:(轮播图(html+JS实现))