如何利用js动态改变body的背景图片?想要个简单的个例子?

如题所述

第1个回答  2013-11-21
在随便哪个按钮的onclick中加上这个方法:functionnbsp;chgBg()nbsp;{document.body.style.backgroundnbsp;=nbsp;“url(‘images/bg1.jpg‘)“;}
第2个回答  2013-11-21
<div id="BackBox">
<ul>
<li style="background:url(http://d.lanrentuku.com/down/js/qita-999/index.jpg)"></li>
<li style="background:url(http://d.lanrentuku.com/down/js/qita-1002/index.jpg)"></li>
<li style="background:url(http://d.lanrentuku.com/down/js/qita-1004/index.jpg)"></li>
</ul>
<p>点击后将li上的背景移至body中</p>
</div>
$(function(){

$("#BackBox ul li").live("click",function(){
var Back = $(this).css("background-image");
alert(Back);
$("body").css("background",Back);
});

});本回答被网友采纳

用Js或者jq隔一段时间就改变body的背景图片或者背景颜色。。。???
<script type="text\/javascript">\/\/<![CDATA[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 >= bgImg...

用JS设置div的背景图问题
background是全局的背景设置,例如 body { background: #fff url('xxx.png') no-repeat}拆分出来就是 body { background-color: #fff; background-image: url('xxx.png'); background-repeat: no-repeat;}你设置了obj.style.background就覆盖了background-image,所以你要改成这样 ...

js点击事件改变div背景图片怎么实现
'"+imgArr[i]+"')"; i++; }); } logo();<\/script><\/body><\/html>用您的改进后的代码,js代码必须再按钮的标签后面(要不然需要再监听dom加载完毕后执行js),i不应该一直加下去,会出错!参考:http:\/\/www.w3school.com.cn\/jsref\/prop_style_backgroundimage.asp ...

js如何获取div背景图片路径并改变
img\/1.jpg如何把其中的改成其他的点击一次就增加一... img\/1.jpg 如何把其中的改成其他的 点击一次 就增加一 展开  我来答 分享 微信扫一扫 新浪微博 QQ空间 举报 浏览7 次 可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。 背景图片 js div 路径 搜索资料 本地...

用js怎么实现div背景图片变换?
代码写起来比较烦,首先如果是要自动变化的话,你首先需要有一个timer,调用window.setInterval(handler, time)方法去变换,可以写在onload事件里,或者卸载页面最后用<script><script>块里面 页面上有一个div的话,这个div里面应该有个<img>的吧,图片的话你用一个数组将文件名放起来,搞个随机数,...

js 动态改变background:url()值
电脑、浏览器、ultraedit。1、在ue编辑器中新建一个空白的html文件,js文件。2、在ue编辑器中输入以下html代码。3、在ue编辑器中输入以下js代码。4、编辑完成以后,在ue编辑器中点击保存,格式选择UTF8无BOM。5、在浏览器中打开此html文件,可以看到最终想要实现动态改变background:url()值效果。

JAVASCRIPT怎么改变层的背景图象?
<body id="BD" style="background:url(back49.gif) repeat fixed;"> <p> <br> <pre> 这里是关于style对象的应用实例,我们将通过<br> 对style对象的应用来改变页面的背景属性。<br> <\/pre> <form> <input type="button" value="背景图像滚动" onclick="JavaScript:BD.style.background...

我想在body里放一个背景图片,浏览的时候填充整个屏幕,请问这样的JS代码...
body {background:url(bg.jpg) top center no-repeat; background-size:cover;}这样的话背景图片就会填充整个屏幕了不过要说明的是,这是一个CSS3的属性,在很多浏览器里面都是不被支持的,你所希望的效果,目前来看,只有这个属性可以做到,否则就只能用一个足够大的图片做背景的方法来实现了。另外background-size:...

jsp中js实现点击按钮更改背景图片代码怎么写?
<body> <div id="aa"> <div id="a1">div中的字体哦<\/div> <div id="a2"> <input type="button" value="点击1" onclick="bb(1)" \/> <input type="button" value="点击2" onclick="bb(2)" \/> <input type="button" value="点击3" onclick="bb(3)" \/> <\/div> <\/div...

求JS代码 我想要通过JS给<body>标签定义不同的classname来达到网站...
<body id=pid OnLoad="chgpic()"><\/body> <\/html>你找4个图片,分别命名为1.jpg,2.jpg,3.jpg,4.jpg当然也可以将上述的1.jpg,2.jpg,3.jpg,4.jpg改名为你的图片名字,图片多少可以在代码中改,图片要和网页文件放在同一目录,当然也可以不放在同一目录,不过得改写代码中的路径。时间间隔也...

相似回答