如何在html頁面上使用jquery腳本添加背景圖片

我想爲我的遊戲記分板添加幾張圖片作爲使用jquery的背景。如何在html頁面上使用jquery腳本添加背景圖片

例如。 header.jpg爲header，footer.jpg爲footer和body.jpg爲body。
我在jquery中創建了一個小遊戲。

目前，我的遊戲記分牌只顯示幾條短信。我想在一些背景圖片上展示他們。

下面是我用來顯示短信的代碼。請幫助我，以便我可以在其上顯示背景圖像。

代碼：

 ...................... 
    ...................... 
     else { 
     goldenGoal = false; 
     $("#message1").html("You Lose"); 
     $("#message1").css("color", "red"); 
      $("#message1").css("size", "190px"); 
     $("#play").html("Play Level Again"); 
     $("#lgoals").html(0); 
     $("#vgoals").html(0); 
     stats.loses++; 
     //level = 1; 
     //fps = 50; 
     //difficulty = 0.2; 
    } 
     .................. 
     ..................

來源

2012-11-13 Ashutosh Singh

嘗試先對您的問題進行搜索：http://stackoverflow.com/a/1787976/1538708 – adamb

@adamb我第一次嘗試。我找不到它。所以最後我在這裏質疑它。 –

基本上，你必須做這樣的事情：

$('#containerID').css('background-image', 'url(path/to/image.jpg)');

或者，在你的榜樣：

$('body').css('background-image', 'url(body.jpg)'); 
$('#header').css('background-image', 'url(header.jpg)'); 
$('#footer').css('background-image', 'url(footer.jpg)');

順便說一句，就像輸入一樣：試着優化你的代碼。它（不顯着！）更快，更乾淨。實例：不

$("#message1").html("You Lose"); 
$("#message1").css("color", "red"); 
$("#message1").css("size", "190px");

你可以做

$("#message1") 
    .html("You Lose") 
    .css({ 
     "color": "red", 
     "size": "190px" 
    });

來源

2012-11-13 18:10:31 Alex

用這樣的方式：

$("#header").css({"color":"red", "background":"url(your image path)"});

把CSS與多條線路MESSAGE1格框是不是一個好主意，但你可以這樣做可以節省您的時間，並且這會提高速度。

來源

2012-11-13 18:18:14 Jai

如何在html頁面上使用jquery腳本添加背景圖片

回答

相關問題