一个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.cssrain.cn/demo/wait20trans.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>
By CssRain.cn
from:asp学习网/title:一个loading效果的实例/ time:2007-12-23 20:02:02本文主题loading
