『壹』 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標簽上