jquery等待效果示例

实现查询等待：正在查询中，请稍后.

复制代码代码如下：DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。' DTD ' HTML标题正在查询，请稍等./titlestyle type='text/css ' .query _ hint { border :5 px solid # 939393；宽度宽度：250像素高度：50 px线高：55 pxpadding:0 20px位置：绝对；左侧：50%;边距-左侧：-140像素；前：50%；边距-top :-40px；font-size :15 pxcolor : # 333 font-weight : bold；文本对齐：居中；背景-color : # F9 F9；}.query _ hint img { position :相对；top :10 pxleft :-8px；}/style/head body div id=' query _ hint ' class=' query _ hint ' img src=' http :3358 static。奥希娜。net/uploads/space/2014/0430/115223 _ oFLD _ 1163935 _ thumb。gif '/正在查询，请稍等./div/body/htmljquery代码复制代码代码如下： div id=' query _ hint ' class=' query _ hint ' img src=' http :3358 static。奥希娜。net/uploads/space/2014/0430/115223 _ oFLD _ 1163935 _ thumb。gif '/正在查询，请稍等./div脚本src=' http :http://www。奥希娜。net/js/2012/jquery-1。7 .1 .量滴js '/script脚本类型=' text/JavaScript '//页面加载完成之后去掉正在加载$(文档)。ready(function(){ parent。框架[0]).查询提示回调(' query _ hint ')；});/* * * @描述*显示查询等待层* @ param query _ hint */函数show _ query _ hint(query _ hint){ var query _ hint=document。getelementbyid(query _ hint)；查询提示。风格。display=' block}/* * * @描述查询结果回调函数* @param query_hint要隐藏的提示层id */函数查询提示回调(query _ hint){ var query _ hint=document。getelementbyid(query _ hint)；查询提示。风格。显示='无'；}/脚本