使用jquery 点击一div标签 更换背景图片

发布网友 发布时间：2022-04-26 22:59

我来回答

共4个回答

热心网友 时间：2022-04-22 21:55

$("div#button1").click(function (){
    $("#home").css("background-image", "url(images/abc.jpg)");
});

热心网友 时间：2022-04-22 23:13

$("#button1>a>img").click(function () {
$(this).attr("src","你要显示的图片地址") ;
})追问#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/

是想把这个的background-image 点击那个div 能把图片换掉

热心网友 时间：2022-04-23 00:48

$("div#button1").click(function(){
    var obj = $(this);
    obj.find("img").attr('src','.......');
});

追问#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/

是想把这个的background-image 点击那个div 能把图片换掉

追答.home2 {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/
$("div#button1").click(function(){
    var obj = $(this);
    obj.removeClass().addClass('home2'); //home2 里面可以修改你的图片地址
});

热心网友 时间：2022-04-23 02:39

能具体点吗?要实现的效果截个图看看追问#home {
background-image: url(images/background.jpg);/*背景图片*/
height: 770px;/*高*/
width: 100%;/*宽*/
background-position: center top;/*背景位置*顶部/

是想把这个的background-image 点击那个div 能把图片换掉