如何利用js动态改变body的背景图片?想要个简单的个例子?
2个回答
2013-11-21
展开全部
在随便哪个按钮的onclick中加上这个方法:functionnbsp;chgBg()nbsp;{document.body.style.backgroundnbsp;=nbsp;“url(‘images/bg1.jpg‘)“;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
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);
});
});
<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);
});
});
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询