如何用image src替换div背景网址?
<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)');
});
});
答案 0 :(得分:6)
imgSrc
是一个变量,因此你不应该在引号中使用它。
使用
$('.content-box').css('background-image', 'url(' + imgSrc + ')');
答案 1 :(得分:1)
你需要这样做:
$('.content-box').css('background-image', "url("+imgSrc+")");
由于imgSrc
是一个变量,它不会被双引号识别,所以你需要连接变量
答案 2 :(得分:0)