js实现页面查询弹出div隐藏背景提示进度

{

在开始之前，补充2个另外的知识点（1.百分比格式化;2.jquery 设置$符）：

1.在页面显示的百分比数字设定为String类型-> DecimalFormat df = new DecimalFormat("##%");  值=df.format((double)除数/被除数);

2.之前在一个页面同时使用jquery和dwr时，会出现$符冲突，作下jquery修改即可->var j$ = jQuery.noConflict();  $符全用j$代替。

}

在读取大数据查询时候，需要很多时间，我们可以给页面加提示性的进度条，也可以弹出框提示，此时页面其它地方不可点击，需要做隐藏效果，我们可以使用js的弹出框脚本控件tinybox；

我们从网上下载好tinybox.js并在页面引入js；

在页面点击按钮，需要加入超链接，赋予id属性：

 <a href="#" id="click_test"><input type="button" value="查询" onclick="query()" class="buton"></a>

点击按钮进行查询，在按钮提交前进行弹出层显示，背景变灰不可操作：

document.queryform.action='query.action';
		
		var content = "页面数据正在查询中，请稍候。。。";//弹出层自动消失
        T$('click_test').onclick = function(){TINY.box.show(content,0,0,0,0,0)};
        
		document.queryform.submit();

（TINY.box.show 6个参数 ， 第一个是要显示的 AJAX 或 HTML 内容。第二个是设置是否为 AJAX。第三个是宽度，0 为自动。第四个是高度，0 为自动。第五个是是否设置隐藏，第六个则是设置是否自动隐藏的时间。）
显示效果如下：