如何使用jQuery更改主體的背景圖像
[英]How to change background image of a body with jquery
問題描述
我試圖在單擊按鈕時更改主體的背景。首先，我使用像這樣的body{background-image:url("../images/image.jpg")}並且有一個按鈕od更改並使用了此jquery代碼$("#change").click(function(){$("body").css({"background-image":"url('../images/otherimage.jpg')});當我單擊按鈕時，背景消失了，什么也沒發生。是否有問題或其他選擇？
謝謝
5 個解決方案
解決方案1
2 2016-09-13 09:49:27
使用：
$('elementTag/#Id/.Class').css('background-image', 'url("../images/otherimage.jpg")');
有關CSS樣式的更多信息，請訪問： http : //www.w3schools.com/jquery/jquery_css.asp
有了這個，你可以動態地改變你想要的任何CSS :)
由於該功能可在單擊時檢測到，因此請確保將圖像正確放置在文件夾中。 檢查圖像名稱，其格式和格式。
解決方案2
1 2018-12-06 10:16:48
沒有jQuery可能會更好...
document.body.style.backgroundImage = 'url("../images/otherimage.jpg")';
解決方案3
0 2016-09-13 09:44:06
嘗試以下方法
$('body').css('background-image', 'url("../images/otherimage.jpg")');
解決方案4
0 2016-09-13 09:48:53
您應該檢查圖像是否確實存在。
這是一個例子：
<body>
<button class="btn">Chagne Background</button>
</body>
body{background-image:url("http://farm1.static.flickr.com/159/345009210_1f826cd5a1_m.jpg")}
$('.btn').on('click', function(){
$('body').css('background-image', 'url(https://www.pickthebrain.com/blog/wp-content/uploads/2015/12/8-things-successful-people-perform-differently-from-others.jpg)')
})
解決方案5
0 2018-10-23 21:19:18
使用body {background：url（“ ../ images / image.jpg”）}
不是正文{background-image：url（“ ../ images / image.jpg”）}
用jQuery改變身體背景圖像
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.