使用jQuery设置HTML页面背景图像

时间:2011-06-05 06:20:06

标签: jquery

我想使用jQuery设置页面backgroudImage 我写了这段代码,但它不起作用 有什么问题?
图像存在
Image

var Page = $(this);
$(function () {
    SetBackgroundImage();
});


function SetBackgroundImage() {
    //Todo read ImagePath from server

    var ImageUrl;
    ImageUrl ="../Images/BackgroudImage.jpg";

    try {

        Page.css('background-image', 'url(' + ImageUrl + ')');
    } catch (e) {
        //LogError
        alert(e.Description);
    }

} 

1 个答案:

答案 0 :(得分:1)

变量Page当前包含对window元素周围的jQuery对象的引用。您希望jQuery对象环绕body标记。

要检索body元素,您必须稍微调整一下代码,如下所示:

$(function() {
    $('body').css('background-image', 'url(' + ImageUrl + ')');
});

我建议您查看jQuery API以获取有关jQuery的更多信息。