jquery等待效果示例

前端技术 2023/09/03 JavaScript

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

复制代码 代码如下:

<!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>

本文地址：https://www.stayed.cn/item/7618

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案