关于动态改变div中背景图片的名称

原创 cheese奶酪凌 随笔 零碎知识点 169阅读 2018-05-17 12:03:47 举报


案例图:点击下面的颜色块,改变上面的图片。

html:

思路:我点击了颜色块,给相应的颜色块增加一个class,并且获取到相应的颜色块的i的class值(我是根据不同的颜色,给不同的颜色加了class);动态获取的i的class值赋值给Cimg(图片的名称事先决定用颜色来命名),然后让图片根据Cimg来改变图片。

我是直接按照这样写的;
$(".div").css("background":"url("images/a.gif")")
这样写,根本就拿不到图片。。。显示出来的是字符串,并不是我想要的变量

在网上查了资料,发现要换成另一种写法,经过自己的测试,发现果然可以。

$(".div").css({'background':'url(images/'+Cimg+'.jpg)' })

还有一种说法是在这边改变图片名称,需要把图片地址变成绝对地址

$(".div").css('background','url(images/'+Cimg+'.jpg)')

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复