回覆列表
-
1 # geasz20121
-
2 # 使用者5395983585097
你好,Jquery修改背景圖片方法如下:
$("這裡寫css選擇器").css("background-image","url(這裡填圖片路徑)");
或者
$("css選擇器").css({"background-image":"url(圖片路徑)"});
比如修改一個p標籤的背景為bjt.jpg可以寫成:
$("p").css({"background-image":"url(bjt.jpg)"})
更換背景圖片有兩種方式:1、直接給元素附加css,因為js附加的css樣式要比css中的樣式許可權高,那麼js設定的背景圖片就會覆蓋之前的圖片$(this).css("background","url(1.jpg)no-repeat00");2、寫兩個class,一個class裡面寫一個背景圖片,js中操作的話直接改變元素的class就可以了$(this).removeClass("classA").addClass("classB");相對而言,第二種方式更好一點,實現了js中儘量不書寫css的理念,同時第二種可以實現背景圖片不斷替換,而第一種不行