当前位置:asp编程网>技术教程>Javascript教程>  正文

ajax正在提交效果:loading..

2007-12-29 15:11:58   来源:网络    作者:佚名   浏览量:1865   收藏
以下代码实现ajax正在提交效果:loading....
<script> 
function load1(name) 
{ 
loading.style.display="none"; 
name.style.display=""; 
} 

function selecte(s) 
{ 
if(s==1) 
{ 
loading.style.display=""; 

div_b.style.display="none"; 
div_c.style.display="none"; 
div_d.style.display="none"; 
setTimeout("load1(div_a)",2000); 
} 
if(s==2) 
{ 
loading.style.display=""; 

div_a.style.display="none"; 
div_c.style.display="none"; 
div_d.style.display="none"; 

setTimeout("load1(div_b)",2000); 
} 
if(s==3) 
{ 
loading.style.display=""; 

div_a.style.display="none"; 
div_b.style.display="none"; 
div_d.style.display="none"; 
setTimeout("load1(div_c)",2000); 

} 
if(s==4) 
{ 
loading.style.display=""; 

div_a.style.display="none"; 
div_b.style.display="none"; 
div_c.style.display="none"; 

setTimeout("load1(div_d)",2000); 
} 

} 
</script> 

<select name="singerarea" 
onchange="selecte(this.options[this.options.selectedIndex].value)"> 
<option value="0">请选择</option> 
<option value="1">CssRain1</option> 
<option value="2">CssRain2</option> 
<option value="3">CssRain3</option> 
<option value="4">CssRain4</option> 
</select> 
<div id="loading" style="display:none;">
<img src="http://www.aspbc.com/pic/loading.gif">
</div> 

<div id="div_a" style="display:none;" > 
<input type="text" value="1111111"> 
</div> 

<div id="div_b" style="display:none;" > 
你选择了 地区2 
</div> 

<div id="div_c" style="display:none;" > 
<input type="button" value="button"> 
</div> 

<div id="div_d" style="display:none;" > 
from cssrain js demo. 
</div>
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)


关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网