Tutorials:Creating a Loading Message(创建进度条)
时间:2008-06-27 来源:zhao3stones
Version 0.5
In version 0.5, the loading message is done through the use of callback functions
After printJavascript:
script type="text/javascript">
xajax.callback.global.onRequest = function() {xajax.$('loading').style.display = 'block';}
xajax.callback.global.beforeResponseProcessing = function() {xajax.$('loading').style.display='none';}
/script>
In HTML somewhere
div id="loading">img src="images/loading.gif" alt="" /> Loading.../div>
in CSS somewhere
#loading {
background: white;
padding: 20px;
border: 2px solid green;
display: none; /* hidden */
position: absolute;
left: 50%;
margin-left: -100px;
top: 25%;
width: 200px;
/**/
/*margin-top: -50;*/
font-weight: bold;
font-size: large;
}
是不是太简单了?!
In version 0.5, the loading message is done through the use of callback functions
After printJavascript:
script type="text/javascript">
xajax.callback.global.onRequest = function() {xajax.$('loading').style.display = 'block';}
xajax.callback.global.beforeResponseProcessing = function() {xajax.$('loading').style.display='none';}
/script>
In HTML somewhere
div id="loading">img src="images/loading.gif" alt="" /> Loading.../div>
in CSS somewhere
#loading {
background: white;
padding: 20px;
border: 2px solid green;
display: none; /* hidden */
position: absolute;
left: 50%;
margin-left: -100px;
top: 25%;
width: 200px;
/**/
/*margin-top: -50;*/
font-weight: bold;
font-size: large;
}
是不是太简单了?!
相关阅读 更多 +