jquery等待效果示例
實(shí)現(xiàn)查詢等待：正在查詢中，請稍后．．．
<!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代碼
<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 查詢結(jié)果回調(diào)函數(shù)
* @param query_hint 要隱藏的提示層id
*/
function queryHintCallback(query_hint){
var query_hint = document.getElementById(query_hint);
query_hint.style.display="none";
}
</script>
相關(guān)文章
這篇文章主要介紹了jQuery圖片拖動組件Dropzone用法,結(jié)合實(shí)例形式分析了圖片拖動組件Dropzone的功能、安裝及具體使用方法,需要的朋友可以參考下2017-01-01
jQuery使用prepend()方法在元素前添加內(nèi)容用法實(shí)例
這篇文章主要介紹了jQuery使用prepend()方法在元素前添加內(nèi)容的方法,實(shí)例分析了prepend方法追加內(nèi)容的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
『jQuery』取指定url格式及分割函數(shù)應(yīng)用
使用jQuery取指定url格式，并使用alert彈出，感興趣的朋友可以參考下哈，希望對你有所幫助2013-04-04
jQuery ajax在GBK編碼下表單提交終極解決方案(非二次編碼方法)
當(dāng)jquery ajax在utf-8編碼下（頁面utf－8，接收utf-8），無任何問題?？梢哉ost、get，處理頁面直接獲取正確的內(nèi)容。2010-10-10
jQuery的實(shí)現(xiàn)原理的模擬代碼 -1 核心部分
最近又看了一下 jQuery 1.4.2, 為了便于理解，將 jQuery 的核心使用比較簡單的代碼模擬一下。方便學(xué)習(xí)。2010-08-08
文章內(nèi)容為初次使用Jqplot圖表插件的測試代碼，僅供參考。2016-06-06
本文給大家分享的是使用jQuery制作的組件，實(shí)現(xiàn)獲取data-自定義屬性，并附上使用方法，非常的實(shí)用，有需要的小伙伴可以參考下2015-11-11
javascript與jquery中跳出循環(huán)的區(qū)別總結(jié)
本文是對javascript與jquery中跳出循環(huán)的區(qū)別進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
jQuery實(shí)現(xiàn)文件編碼成base64并通過AJAX上傳的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)文件編碼成base64并通過AJAX上傳的方法,涉及jQuery前臺使用FileReader對象編碼base64文件進(jìn)行ajax上傳及后臺php處理相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
考慮將需要動態(tài)刷新的內(nèi)容自動拼接到前一個下拉框之后等等，用JQuery實(shí)現(xiàn)比較容易，代碼以省市聯(lián)動效果為例實(shí)現(xiàn)2014-05-05