• 所有问题

    • 用js怎么实现div背景图片变换？

    问题如题
    描述：打开一个网页时，要是banner的图片不断自动变化，而图片设为了banner得背景图片了，请问怎么实现？
    恳请高手留下代码，谢谢了
    图片设为了banner的背景图片，即是div的一个属性，在代码中没有<img>的

    举报该问题
    推荐答案   推荐于2018-02-27
    代码写起来比较烦，首先如果是要自动变化的话，你首先需要有一个timer，调用window.setInterval(handler, time)方法去变换，可以写在onload事件里，或者卸载页面最后用<script><script>块里面

    页面上有一个div的话，这个div里面应该有个<img>的吧，图片的话你用一个数组将文件名放起来，搞个随机数，然后就将img.src = 'arr[i]'；这样弄就应该能实现
    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  推荐于2016-10-17
    切换背景图，主要是修改背景的url：下面是一个小例子：
    <body>
    <div id="div1" style="width:100px; height:100px; background:"url(../1.png)"></div>
    </body>
    <script>
    var oDiv = document.getElementById('div1');
    oDiv.onclick = function(){
    oDiv.style.background = 'url(../2.png)'; //直接切换背景色。
    };
    </script>

    第2个回答  2009-10-26
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> 图片加载完毕后自动轮换 </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="YangHui">
    <META NAME="Keywords" CONTENT="YangHui">
    <META NAME="Description" CONTENT="YangHui">
    </HEAD>

    <BODY>
    <IMG name="animation" SRC="images/0.gif" WIDTH="180" HEIGHT="200" BORDER="0" ALT="晶莹">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var frame = 0;
    var timeout_id = null;

    function animate(){
    document.animation.src = aniframes[frame].src;
    if (frame == 3)
    {
    frame = 0;
    } else{
    frame = (frame + 1) % 10;
    }
    timeout_id = setTimeout("animate()", 500);
    }

    var aniframes = new Array(4);
    var num_loaded_images = 0;

    function countImages(){
    if (++num_loaded_images == aniframes.length)
    {
    animate();
    }
    }

    for (var i = 0; i < 4; i++)
    {
    aniframes[i] = new Image();
    aniframes[i].onload = countImages;
    aniframes[i].src = "images/" + i + ".gif";
    }
    //-->
    </SCRIPT>
    </BODY>
    </HTML>
    第3个回答  2009-10-26
    与服务器交互，ajax 很容易可以实现。
    找下相关列子。
    第4个回答  2009-10-26
    很简单，从网上搜搜，例子很多。
    相似回答
    在“js”中怎么设置div的背景图片?答：有两种比较直接的方式，\x0d\x0a\x0d\x0a第一种方法：预先设置一个样式，然后在js中操作，给div加上这个class。\x0d\x0ahtml代码：\x0d\x0a---\x0d\x0a\x0d\x0a\x0d\x0a---\x0d\x0a\x0d\x0a预先设置一个样式：\x0d\x0a---\x0d\x0a.bg {\x0d\x0a b...
    js能改变div的背景图片吗答：js可以控制div的背景的，除了颜色外，图片也可以：颜色控制：document.getElementById('a').style.background="#FF0000";背景控制：var div=document.getElementById(divid);div.style.backgroundImg= "./img/bgImge.jpg";
    JS如何更换DIV的背景图片(如图)答：style.background="url(http://www.aa.com/dd.jpg) no-repeat";
    js点击事件更换背景图片答：1：div22.style.background = "red";这样可以实现div22这个元素的背景颜色为红色。而div22添加的样式是内联样式。2：所以内联样式？你需要知道一下什么是内联样式。也就是这个元素本身的style属性中的css样式，这里的style属性中国的css样式权重值最高。3：在内联样式中，如果想要写一个背景图片那么就...
    点击div背景图片切换(两张图片的切换),要用js解决答：自己准备图片1.jpg和图片2.jpg。<html> <style> div{ width:300px;height:300px;border:1px solid black;background-image:url(1.jpg);} </style> <script> function changeImg(){ var div = document.getElementById("test");if(div.style.backgroundImage == "url(1.jpg)"){ div....
    如何使用js的计时器来让一个div背景从左向右移动全部代码答：你好，给你写了一个很基础的例子。参照着自己优化成你想要的效果吧。示例是这样的，鼠标移动到div上，背景图片会从左往右移动直至最右端。鼠标移出div，背景图标从右往左直至最左端。备注：考虑到宽度变化，本例背景图片使用百分比定位。根据你的实际情况也可改为使用像素(px)定位。<style>.bg-div { ...
    js点击事件改变div背景图片怎么实现答：'"+imgArr[i]+"')"; i++; }); } logo();</script></body></html>用您的改进后的代码,js代码必须再按钮的标签后面(要不然需要再监听dom加载完毕后执行js),i不应该一直加下去,会出错！参考:http://www.w3school.com.cn/jsref/prop_style_backgroundimage.asp ...
    我在div里做了背景,现在我想将div里的背景图片改为每次刷新网页就随机...答：使用JavaScript实现：<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <style type="text/css"> {...
    关于用js改变td背景图片的答：代码如下:var currentImage=imgArr[index];3、既然随机产生了一张背景图，那就用JS把这个图片作为背景图。代码如下:document.getElementById("BackgroundArea").style.backgroundImage="url("+currentImage+")";由于这是一个demo，所以在页面上定义了一个id为BackgroundArea的div，同时也是为这个div设置...
    大家正在搜
    div怎么插背景图片怎么设置div背景图片大小css怎么设置背景图片怎样设置div背景图片高清js给div设置背景图片html加背景图片怎么加div背景图片不重复div背景图片不显示如何设置div的背景图片
    相关问题
    js控制DIV背景图片特效变换
    js点击事件改变div背景图片怎么实现
    在“js”中怎么设置div的背景图片？
    那 在 js中怎么设置div的背景图片呢
    js能改变div的背景图片吗
    用JS设置div的背景图问题
    JS如何更换DIV的背景图片（如图）
    js改变div背景图片