关于jquery 改变CSS背景图片的问题 请教高手
.main .top .top_mid .banner .banner_flash{ float:left; margin:5px 5px 0px 5px; width:990px; height:285px; display:inline; background:url(../images/1.jpg);}
JQUERY:
$(document).ready(function(){
//alert("ready!");
$(".banner .banbtn .sbtn").click(function(){
//alert("click!");
var picnum = $(this).attr("id");
//alert(picnum);
$(".banner .banner_flash").fadeOut();
$(".main .top .top_mid .banner .banner_flash").css('background','url(../images/"+picnum+".jpg)' );
$(".banner .banner_flash").fadeIn();
})
})
点击后不转换图片 请高手指教 谢谢
笔误 picnum两边是单引号
最新回答
替月亮关灯
2024-10-31 10:12:32
你这样写 当然不会换图片啊 ， 根本就找不到 名为 "+picnum+".jpg 的文件
你的 picnum 在这个路径职工根本就是一个字符串 而不是变量
改成 单引号
$(".main .top .top_mid .banner .banner_flash").css('background','url(../images/'+picnum+'.jpg)' );
追问
我上面说了是笔误 应该是单引号 但是变不了图片
追答
.css({'background':'url(../images/'+picnum+'.jpg)' })
加个{} 逗号改成 冒号 :
测试了 可以换
追问
试了下找不到图片
渐变效果一直可以就是找不到图片
我已经找到方法了 图片要用绝对路径才能找到
$(".main .top .top_mid .banner .banner_flash").css('background','url(/dygk/images/'+picnum+'.jpg)' )
这样可以了
不过还是谢谢你了
浅夏凉眸
2024-10-31 18:14:19
把$(document).ready换成onload事件
追问
事件有执行 我那几个注释掉的语句运行都正确
追答
那你可以试试事件里能不能得到标签对象，alert当然是可以执行的。
看看得到对象木有
追问
如果把url(../images/"+picnum+".jpg)改成一个颜色 就能运行 就是图片不行
热门标签
