扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
css("background-image","url(image[n])");
目前创新互联建站已为上1000家的企业提供了网站建设、域名、虚拟主机、网站托管、服务器租用、企业网站设计、会宁网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
问题出在这里了吧!
你这么写不相当于 background-image:url(image[n]) 了么?
这样试试:
$(".slider_image").css("background-image","url("+image[n]+")");
jquery改变CSS背景图修改方法
如果需要使用Jquery修改CSS网页背景样式。用户可以这样写$(‘p’).css({"background-image":"url(../images/msg_btn.gif"});
Jquery-CSS用法
css() 方法返回或设置匹配的元素的一个或多个样式属性。返回第一个匹配元素的 CSS 属性值。注释:当用于返回一个值时,不支持简写的 CSS 属性(比如 "background" 和 "border")。
参考资料:JQuery
你好,Jquery修改背景图片方法如下:
$("这里写css选择器").css("background-image","url(这里填图片路径)");
或者
$("css选择器").css({"background-image":"url(图片路径)"});
比如修改一个p标签的背景为bjt.jpg可以写成:
$("p").css({'background-image':'url(bjt.jpg)'})
script type="text/javascript"
$(document).ready(function(){
$("#flipsound").click(function(){
if($("#flipsound").hasClass("flipsound_off"))
{
$("#flipsound").removeClass("flipsound_off");
$("#flipsound").css({"backgroundImage":"url(./images/sound_on.png)"});
}else{
$("#flipsound").addClass("flipsound_off");
$("#flipsound").css({"backgroundImage":"url(./images/sound_off.png)"});
}
});
});
/script
更换背景图片有两种方式:
1、直接给元素附加css,因为js附加的css样式要比css中的样式权限高,那么js设置的背景图片就会覆盖之前的图片
$(this).css("background","url(1.jpg) no-repeat 0 0");
2、写两个class,一个class里面写一个背景图片,js中操作的话直接改变元素的class就可以了
$(this).removeClass('classA').addClass('classB');
相对而言,第二种方式更好一点,实现了js中尽量不书写css的理念,同时第二种可以实现背景图片不断替换,而第一种不行
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流