當前位置:首頁 » 背景圖片 » jq實現頁面換背景圖片
擴展閱讀
晚安的祝福動態圖片 2024-05-21 23:37:23
64g手機能存多少圖片照片 2024-05-21 23:29:52
搜索李逵真人版圖片 2024-05-21 23:24:03

jq實現頁面換背景圖片

發布時間: 2023-08-22 15:14:49

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