一个loading效果的实例

<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

<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>