css造型加载消息

Question

Im使用ajax加载一些内容。我没有问题，我只想知道如何设置'正在加载...'的信息，或者最好在屏幕中央使用加载器图像。当内容被加载时，“加载”消息出现在左上角（将整个页面留下黑色），它看起来不太好..我想知道是否有可能。

$.ajax({ 
    type: "POST", 
    url: "page1.php", 
    beforeSend: function() { 
    $("#content").html('loading...'); 
    }, 
    data: "Id="+Id, 
    success: function(msg){ 
    $("#content").html(msg); 
    } 
    }); 

哪里#content是用于我的网页的标题（右侧）的下方，其中包含导航菜单标题中的包装物的div是风格到左浮与垂直取向和宽度250像素。该模板是1200×700 ..我试图包装#content与#loader股利但其不工作..任何建议表示赞赏。 感谢

Answer 1

我想补充一个id为 '加载'，而这样做的请求，并将CSS处理：

$.ajax({ 
    type: "POST", 
    url: "page1.php", 
    beforeSend: function() { 
    $("#loading").addClass("activated"); 
    }, 
    data: "Id="+Id, 
    success: function(msg){ 
    $("#loading").removeClass("activated"); 
    $("#content").html(msg); 
    } 
    }); 

要使用CSS中心的元素：

Quick CSS Trick: How To Center an Object Exactly In The Center。