您的位置：首页 > 其它

实现一个loading加载页面的加载效果

2013-03-25 19:43 671 查看
<body bgcolor="#000000">

<div style="position:absolute;width:322;height:14;border:1 #707888 solid;overflow:hidden">

<div style="position:absolute;top:-1;left:-150" id="pimg">

</div>

</div>

<div style="position:absolute;top:30;left:120;font-size:9pt;color:#f4f4f4" id="aloading">

Loading.............

</div>

<script language="javascript">

<!--

s=new Array();

s[0]="#050626";

s[1]="#0a0b44";

s[2]="#0e11aa";

s[3]="#1a1dff";

s[4]="#141aff";

s[5]="#1a1dff";

s[6]="#0e11aa";

s[7]="#0a0b44";

s[8]="#050626";

function str(){

if(pimg.style.pixelLeft<350){

pimg.innerHTML="";

for(i=0;i<9;i++){

pimg.innerHTML+="<input style=\"width:15;height:10;border:0;background:"+s[i]+";margin:1\">";

}

pimg.style.pixelLeft+=5;

setTimeout("str()",1);

}

else{

pimg.style.pixelLeft=-150;

setTimeout("str()",1);

}

}

function flashs(){

if(aloading.style.color=="#ffffff"){

aloading.style.color="#707888";

setTimeout('flashs()',500);

}

else{

aloading.style.color="#ffffff";

setTimeout('flashs()',500);

}

}

flashs();

str();

//-->

</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航