‘壹’ JS/Jquery,如何实现背景图片的更换
你好,Jquery修改背景图片方法如下:
$("这里写css选择器").css("background-image","url(这里填图片路径)");
或者
$("css选择器").css({"background-image":"url(图片路径)"});
比如修改一个p标签的背景为bjt.jpg可以写成:
$("p").css({'background-image':'url(bjt.jpg)'})
‘贰’ 用Jquery如何改变鼠标移过去和移出来的背景图片
<style>
#tdNavi.navilmg{background:url(图片地址)00no-repeat;}
#tdNavi.on{background:url(图片地址)00no-repeat;}
</style>
<script>
$("#tdNavi.navilmg").hover(
function(){
$("#tdNavi.navilmg").removeClass("on");//先移去左右nav的绿色背景样式
$(this).addClass("on");//在在这个目录上加上绿色背景样式
}
);
</script>
你先在样式里写好li的背景,然后在写一个绿色的背景样式类,
鼠标划过的时候先移除所有这个class在在这个划过的li上添加这个class,就可以了。
当然你也可以把样式写在a标签上