數據加載遮罩層

項目中加載數據時,爲了在加載時有一種效率,自然會加個遮罩層或是加載數據進度條,


/**
	 * 數據加載遮罩層
	 */
	startMask : function() {
		if ($("#loading").length > 0){
			$("#loading").remove();
		}
		var height = window.screen.height - 180;
		var width = window.screen.width;
		var leftW = 300;
		if (width > 1200) {
			leftW = 500;
		} else if (width > 1000) {
			leftW = 350;
		} else {
			leftW = 100;
		}
		var _html = "<div id='loading' style=\"position:absolute;left:0;width:100%;height:"
				+ height
				+ "px;top:0;background:#E0ECFF;opacity:0.8;filter:alpha(opacity=60);\">"
				+ "<div style=\"position:absolute;  cursor1:wait;left:"
				+ leftW
				+ "px;top:200px;width:auto;height:60px;padding:20px 5px 10px 50px;background:#fff url('Script/themes/img/pagination_loading.gif') no-repeat scroll 5px 14px;border:2px solid #ccc;color:#000;\">正在加載,請等待...</div></div>";
		$("#content").append(_html);
	},
	/**
	 * 去掉遮罩層
	 */
	endMask : function() {
		$("#loading").remove();
	}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章