创建循环广告条

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-scale,initial-scale=1">
        <script type="text/javascript" src="../js/Rotating Banner.js"></script>
        <title>Rotating Banner</title>
    </head>
    <body>
        <div align="center">
            <img src="../img/eat1.jpg" width="400" height="200" id="adBanner" alt="adBanner">
        </div>
    </body>
</html>

window.onload=rotate;

var thisAd=0;

function rotate() {
    var adImgs=new Array("../img/eat1.jpg","../img/eat2.gif","../img/eat3.jpg");
    
    thisAd++;
    if(thisAd==adImgs.length){
        thisAd=0;
    }
    document.getElementById("adBanner").src=adImgs[thisAd];
    
    setTimeout(rotate,10*100);
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容