gpt4 book ai didi

javascript - 将 div 背景 url 替换为图像 src

转载 作者:行者123 更新时间:2023-12-01 02:29:28 24 4
gpt4 key购买 nike

如何用图像源替换 div 背景 url?

<img class='active' src="http://s1.iconbird.com/ico/2013/12/547/w128h1281387216564facebook3.png"/>
<div class='content-box'></div>
<div class='btn'>CLICK</div>

.content-box{
background-image: url(http://s1.iconbird.com/ico/2013/12/547/w128h1281387216591googleWhite.png);
background-repeat: no-repeat;
width: 130px;
height: 130px;
}
.btn{
position: fixed;
left: 200px;
top: 73px;
width: 40px;
height:40px;
}

尝试过:

$(document).ready(function(){
$('.btn').click(function(){
var imgSrc = $('.active').attr('src');
$('.content-box').css('background-image', 'url(imgSrc)');
});
});

http://jsfiddle.net/fresa150/H2aWF/

最佳答案

imgSrc 是一个变量,因此不应在引号中使用它。

使用

$('.content-box').css('background-image', 'url(' + imgSrc + ')');

DEMO

关于javascript - 将 div 背景 url 替换为图像 src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24162912/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com