javascript添加背景图片

JavaScript025

javascript添加背景图片,第1张

这个很简单。有好多方法。1.直接在body标签中添加一个“background”属性，属性值内容为背景图片地址。2.用css设置body{background-image:url(图片地址)}

你好，Jquery修改背景图片方法如下：

$("这里写css选择器").css("background-image","url(这里填图片路径)")

或者

$("css选择器").css({"background-image":"url(图片路径)"})

比如修改一个p标签的背景为bjt.jpg可以写成：

$("p").css({'background-image':'url(bjt.jpg)'})

更换背景图片有两种方式：

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的理念，同时第二种可以实现背景图片不断替换，而第一种不行