Question

JS/Jquery，如何实现背景图片的更换

后台系统管理页面
在主页面上有一个控件，管理员使用该控件可上传新的图片
页面自动刷新（也可添加一按钮）替换掉当前背景图片

Answer 1

更换背景图片有两种方式：
1、直接给元素附加css，因为js附加的css样式要比css中的样式权限高，那么js设置的背景图片就会覆盖之前的图片
$(this).css("background","url(1.jpg) no-repeat 0 0");
2、写两个class，一个class里面写一个背景图片，js中操作的话直接改变元素的class就可以了
$(this).removeClass('classA').addClass('classB');
相对而言，第二种方式更好一点，实现了js中尽量不书写css的理念，同时第二种可以实现背景图片不断替换，而第一种不行

Answer 2

你好，Jquery修改背景图片方法如下：
$("这里写css选择器").css("background-image","url(这里填图片路径)");
或者
$("css选择器").css({"background-image":"url(图片路径)"});
比如修改一个p标签的背景为bjt.jpg可以写成：
$("p").css({'background-image':'url(bjt.jpg)'})

Answer 3

你控件和需要换主题的页面在同一个页面嘛？
如果在同一个页面是可以换的，不同页面的话就要通过后台程序才能还了。
如果是同一个页面
你只需要用
$(body).css("background-image","路径")

追问

类似于这样的

Answer 4

<script type="text/javascript">
$(function(){
$("body").css('background-image','url(images/4.jpg)');
})
</script>