如何给一个DIV用JS定时换背景！

如何给一个DIV用JS定时换背景！如何给一个DIV每五秒换一个背景图片？

推荐答案 2016-06-05

<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <title></title>

</head>

<body>
    <div id="div" style="width:100px;height:100px;background-Image:url(b.jpg)"></div>
</body>
<script>
    var mydiv = document.getElementById('div');
    var imgArray = ['a.jpg', 'b.jpg']
    var i = -1;
    setInterval(function () {
        i++;
        i %= imgArray.length;
        mydiv.style.backgroundImage = 'url(' + imgArray[i] + ')';
    }, 5000);
</script>

</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/WtBtv77WWj7Bjv7zBXj.html

其他回答

第1个回答 2016-06-05

查询一下定时器的用法你可以设计几种样式定时切换样式本回答被网友采纳

相似回答

怎样用js设置div的背景色答：1、首先打dreamware软件，然后在 body中写入一个 div，把div赋予一个 id方便提取；2、用css写div属性和初始的背景色，width宽度值；height高度值；background初始的背景色。3、写进<script>标签，定义一个变量<mydiv>获取前面定义好的div。4、然后用onmouseover事件，鼠标移动时触发事件，来控制鼠标在div...

如何使用js的计时器来让一个div背景从左向右移动全部代码答：你好，给你写了一个很基础的例子。参照着自己优化成你想要的效果吧。示例是这样的，鼠标移动到div上，背景图片会从左往右移动直至最右端。鼠标移出div，背景图标从右往左直至最左端。备注：考虑到宽度变化，本例背景图片使用百分比定位。根据你的实际情况也可改为使用像素(px)定位。<style>.bg-div { ...

JS如何更换DIV的背景图片(如图)答：style.background="url(http://www.aa.com/dd.jpg) no-repeat";

怎么用js实现,在网页中插入一个会变颜色的div块,求完整代码答：<div id='test' style='width:300px;height:300px;background:#00F;'>测试的div</div><script>var div=document.getElementById('test');//获取元素div.onmouseover=function(){ //鼠标经过 this.style.background='#F00';//背景变成红色};</script> ...

css 有div如下图所示,在点击选中的时候换个背景,js 怎么设置当我选择其...答：A标签里有li p这样的块元素不好，，会有问题，至于js,用jq吧好选择元素，样式.one_account:hover, active{background:url(../image/Bank-but1.png) no-repeat;} ul里加个id="bank_list"下面是js ("#bank_list li").each(function(){ (this).click(function(){ ("#bank_list li")....

JS 如何把数组值传给DIV当背景答：两个问题：src1的值应该包含有“url()”，即你可以在数组中把"url"加上，也可以在设置background-image的值时，把url()加上；src1=imgsrc(0)时，应该改为imgsrc[0]

怎么用js 中的定时器实现这种效果?答：定时器循环，逐个处理。事先弄个div，在需要的时候显示出来，设置它显示的位置。你要动手写，不要光问，写写就自然会明朗起来。

js如何用定时器实现逐步给多个div加背景颜色并一直循环给颜色答：return (document.getElementById(id)); }var int = setInterval("clock()",500);function clock(){for (var i = 0; i < $('a').children.length-1; i++){$('a').children[i].style["background-color"] = $('a').children[i+1].style["background-color"];}$('...

用JS实现变换背景和字体颜色,分别保存红、蓝、绿三种颜色,每隔一秒钟变 ...答：<script type="text/javascript" src="jquery-1.5.1.js"></script> <script> //setTimeout var colors = new Array("red","green","blue");function changeColor(){ //var colorIndex = Math.round(Math.random()*3);var color_div=colors[Math.round(Math.random()*3)];var color_...

大家正在搜

怎么样给照片换背景品益定时转换器要换电池吗换背景怎么把照片背景换成白色抠图换背景怎么把图片背景换颜色 ps怎么换背景图片图片换背景色手机把照片背景换白色