html5中文学习网

您的位置: 首页 > 网络编程 > ASP编程 » 正文

Asp实例之:一个loading效果的实例_ASP教程_编程技术

[ ] 已经帮助:人解决问题
用Asp制作一个loading效果似乎也并不是困难事。

<script>
function load1(name)
{
loading.style.display="none";
name.style.display="";
}sfvHTML5中文学习网 - HTML5先行者学习网

function selecte(s)
{
if(s==1)
{
loading.style.display="";sfvHTML5中文学习网 - HTML5先行者学习网

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="";sfvHTML5中文学习网 - HTML5先行者学习网

div_a.style.display="none";
div_c.style.display="none";
div_d.style.display="none";sfvHTML5中文学习网 - HTML5先行者学习网

setTimeout("load1(div_b)",2000);
}
if(s==3)
{
loading.style.display="";sfvHTML5中文学习网 - HTML5先行者学习网

div_a.style.display="none";
div_b.style.display="none";
div_d.style.display="none";
setTimeout("load1(div_c)",2000);sfvHTML5中文学习网 - HTML5先行者学习网

}
if(s==4)
{
loading.style.display="";sfvHTML5中文学习网 - HTML5先行者学习网

div_a.style.display="none";
div_b.style.display="none";
div_c.style.display="none";sfvHTML5中文学习网 - HTML5先行者学习网

setTimeout("load1(div_d)",2000);
}sfvHTML5中文学习网 - HTML5先行者学习网

}
</script>sfvHTML5中文学习网 - HTML5先行者学习网

<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="/uploadfile/200905/14/A2222428447.gif"></div>sfvHTML5中文学习网 - HTML5先行者学习网

<div id="div_a" style="display:none;" >
<input type="text" value="1111111">
</div>sfvHTML5中文学习网 - HTML5先行者学习网

<div id="div_b" style="display:none;" >
你选择了 地区2
</div>sfvHTML5中文学习网 - HTML5先行者学习网

<div id="div_c" style="display:none;" >
<input type="button" value="button">
</div>sfvHTML5中文学习网 - HTML5先行者学习网

<div id="div_d" style="display:none;" >
from cssrain js demo.
</div>sfvHTML5中文学习网 - HTML5先行者学习网

sfvHTML5中文学习网 - HTML5先行者学习网
sfvHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助