源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery等待效果示例

  • 时间:2020-01-09 11:08 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery等待效果示例
实现查询等待:正在查询中,请稍后... [img]http://files.jb51.net/file_images/article/201405/20140501084831.jpg?20144185251[/img]
[u]复制代码[/u] 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> 正在查询,请稍等... </title> <style type="text/css"> .query_hint{  border:5px solid #939393;  width:250px;  height:50px;  line-height:55px;  padding:0 20px;  position:absolute;  left:50%;  margin-left:-140px;  top:50%;  margin-top:-40px;  font-size:15px;  color:#333;  font-weight:bold;  text-align:center;  background-color:#f9f9f9; } .query_hint img{position:relative;top:10px;left:-8px;} </style>  </head>  <body>   <div id="query_hint" class="query_hint">    <img src="http://static.oschina.net/uploads/space/2014/0430/115223_oFLD_1163935_thumb.gif" />正在查询,请稍等...   </div>  </body> </html>
jquery代码
[u]复制代码[/u] 代码如下:
<div id="query_hint" class="query_hint">     <img src="http://static.oschina.net/uploads/space/2014/0430/115223_oFLD_1163935_thumb.gif" />正在查询,请稍等... </div> <script src="http://www.oschina.net/js/2012/jquery-1.7.1.min.js"></script> <script type="text/javascript"> //页面加载完成之后去掉Loading $(document).ready(function(){     parent.frames[0].queryHintCallback("query_hint"); }); /**  * @description  * 显示查询等待层  * @param query_hint  */ function show_query_hint(query_hint){     var query_hint = document.getElementById(query_hint);     query_hint.style.display="block"; } /**  * @description 查询结果回调函数  * @param query_hint 要隐藏的提示层id  */ function queryHintCallback(query_hint){     var query_hint = document.getElementById(query_hint);     query_hint.style.display="none"; } </script>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部