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

问题如题描述:打开一个网页时,要是banner的图片不断自动变化,而图片设为了banner得背景图片了,请问怎么实现?恳请高手留下代码,谢谢了图片设为了banner的背景... 问题如题
描述:打开一个网页时,要是banner的图片不断自动变化,而图片设为了banner得背景图片了,请问怎么实现?
恳请高手留下代码,谢谢了
图片设为了banner的背景图片,即是div的一个属性,在代码中没有<img>的
展开
 我来答
opensky010
推荐于2018-02-27 · TA获得超过466个赞
知道小有建树答主
回答量:981
采纳率:0%
帮助的人:296万
展开全部
代码写起来比较烦,首先如果是要自动变化的话,你首先需要有一个timer,调用window.setInterval(handler, time)方法去变换,可以写在onload事件里,或者卸载页面最后用<script><script>块里面

页面上有一个div的话,这个div里面应该有个<img>的吧,图片的话你用一个数组将文件名放起来,搞个随机数,然后就将img.src = 'arr[i]';这样弄就应该能实现
百度网友2571d37bb
推荐于2016-10-17 · 知道合伙人软件行家
百度网友2571d37bb
知道合伙人软件行家
采纳数:1971 获赞数:7905
前端工程师

向TA提问 私信TA
展开全部
切换背景图,主要是修改背景的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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
skingyang
2009-10-26 · TA获得超过586个赞
知道小有建树答主
回答量:767
采纳率:60%
帮助的人:325万
展开全部
<!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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友d88b8b377
2009-10-26 · TA获得超过153个赞
知道答主
回答量:163
采纳率:0%
帮助的人:0
展开全部
与服务器交互,ajax 很容易可以实现。
找下相关列子。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xujianhang0204
2009-10-26 · TA获得超过2.7万个赞
知道大有可为答主
回答量:3146
采纳率:0%
帮助的人:1595万
展开全部
很简单,从网上搜搜,例子很多。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式