博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQ JS 切换背景图
阅读量:4325 次
发布时间:2019-06-06

本文共 559 字,大约阅读时间需要 1 分钟。

<script type="text/javascript">
    var currentIndex = 0;
    function changeBg() {
        //定义要切换的背景图片,双引号里面"1.jpg","2.jpg","3.jpg","4.jpg",可以放任意多个用,隔开
        var bgImgs = ["1.jpg","2.jpg","3.jpg","4.jpg"];
        if (currentIndex >= bgImgs.length)
            currentIndex = 0;
        $("#divbanner").css("background-image", "url(" + bgImgs[currentIndex] + ")");
        currentIndex += 1;
    }
    setInterval("changeBg()", 2000); //设定定时切换,单位为毫秒这里是3000 毫秒
</script>
<div id="divbanner" class="banner" style="background-image:url(<%= strhomeAdvertisement_1%>);">
</div>

转载于:https://www.cnblogs.com/wybshyy/p/5847950.html

你可能感兴趣的文章
微信支付之异步通知签名错误
查看>>
2016 - 1 -17 GCD学习总结
查看>>
linux安装php-redis扩展(转)
查看>>
Vue集成微信开发趟坑:公众号以及JSSDK相关
查看>>
vue项目开发之v-for列表渲染的坑
查看>>
C# 输出流转化成输入流操作XML
查看>>
CSS外边距合并(塌陷/margin越界)
查看>>
Swift给每个开发者赢取500万的机会!不看一生后悔。
查看>>
UIView详解
查看>>
MSSQL如何将查询结果拼接成字符串
查看>>
20169217 《Linux内核原理与分析》 第十周作业
查看>>
20169217 2016-2017-2 《网络攻防实践》第四周学习总结
查看>>
MemCache在Windows下环境的搭建及启动
查看>>
<nginx.conf> nginx设置用户权限
查看>>
python实现redis三种cas事务操作
查看>>
同步异步与阻塞非阻塞
查看>>
C++ 安全单例模式总结
查看>>
bzoj4754: [Jsoi2016]独特的树叶
查看>>
toj 4069 简易统计
查看>>
【Unity】Update()和FixedUpdate()
查看>>