當前位置:首頁 » 圖片知識 » js如何實現圖片背景顏色切換
擴展閱讀
女生和渣男搞笑圖片 2023-08-31 22:07:09
嘻嘻長什麼樣圖片 2023-08-31 22:06:10

js如何實現圖片背景顏色切換

發布時間: 2023-03-15 06:20:24

㈠ JS/Jquery,如何實現背景圖片的更換

你好,Jquery修改背景圖片方法如下:
$("這里寫css選擇器").css("background-image","url(這里填圖片路徑)");
或者
$("css選擇器").css({"background-image":"url(圖片路徑)"});
比如修改一個p標簽的背景為bjt.jpg可以寫成:
$("p").css({'background-image':'url(bjt.jpg)'})

㈡ 用js實現按鈕背景圖的動態變換背景顏色 大家幫忙看一下又沒有見過這種變換的效果

原理:
文字下面放的只是張紅色的背景圖片,當滑鼠移上去的時候會觸發onmousemove事件,在觸發該事件後,只需要將背景圖片由原來的紅色圖片換成同等大小的黃圖片即可,
當滑鼠離開那個區域後,會觸發onmouseout事件,此時再將背景那個黃圖片換成以前的紅色即可,這種效很多網站上都有,不過一般都是正的,你給的那個圖上的只不過背景圖片是個斜的而已
你進taobao首頁就有,原理是一樣的,只不過它背景是白色的,滑鼠移上去後把背景色換了,他可能不是用的圖片, 用的DIV實現 的,但是你給的這個圖的背景肯定是圖片了