Asp实例之:一个loading效果的实例

80酷酷网    80kuku.com

  用Asp制作一个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" src="/uploadfile/200905/14/A2222428447.gif"></div>

<div id="div_a" >
<input type="text" value="1111111">
</div>

<div id="div_b" >
你选择了 地区2
</div>

<div id="div_c" >
<input type="button" value="button">
</div>

<div id="div_d" >
from cssrain js demo.
</div>

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: