jq切换背景图

jquery切换css背景图片的代码  $(".index-cp").css('background','url(33.jpg)');

下面举例动态切换的方法

var sub = $(".index-cp li");//获取元素
sub.click(function(){
	var sub_bj=$(this).attr("data-img");//获取css的data-img
		console.log(sub_bj);//控制台输出
	if(sub_bj.length > 0){//判定有没有
		$(".index-cp").css('background','url('+sub_bj+')');//如果有就切换css背景图
		
	}

	
})

jq切换css写法其实和css差不多  注意中间的是, 逗号, 如果采用下面的方法 则是: 冒号

下面这个是可以改多个css的  

$(".index-cp").css({"background":"url(sub_bj)","background":"url(sub_bj)"});//如果有就切换css背景图


写的好!

微信扫一扫赏大洋
相关文档