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

このように使用します：

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

複数行のmessage1divボックスにcssを配置することはお勧めできませんが、この方法で時間を節約でき、レンダリングが少し速くなります。

于 2012-11-13T18:18:14.747 に答える
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 に答える