0

我想使用 jquery 为我的游戏记分牌添加一些图像作为背景。

例如。header.jpg 表示页眉，footer.jpg 表示页脚，body.jpg 表示正文。
我在 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;
    }
       ..................
       ..................
4

2 回答 2

0

基本上，你必须做这样的事情：

$('#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-13T18:10:31.103 回答
0

使用这种方式：

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

为带有多行的 message1 div 框放置 css 不是一个好主意，但您可以这样做以节省您的时间，并且渲染速度会更快一些。

于 2012-11-13T18:18:14.747 回答