当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

ajax正在提交效果:loading..

减小字体 增大字体 作者:佚名     来源:asp编程网  发布时间:2018-12-30 8:57:09

以下代码实现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" >
<
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.K88.NET/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>
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)


ajax正在提交效果:loading..