非常酷的loading加载特效

作者:sky 点击:1079 评论:0 发布时间:周日, 06/29/2014 - 09:49 所属分类:综合实例

一个很酷的loading加载特效，以蓝色进度条形式来显示，下面带有一行文字说明，根据自己的需求来自定义。

<SCRIPT type=text/javascript>  </SCRIPT> <BODY onload="fakeProgress(0,sb)"> <a href="http://zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <DIV align="center"> <DIV id="sb" style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #99ccff; BORDER-LEFT: medium none; WIDTH: 400px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 14px; TEXT-ALIGN: left"> <DIV id="sbChild1" style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 12px"> <DIV style="BACKGROUND: #000000; WIDTH: 100%" ;height:12px; overflow: hidden></DIV></DIV> <DIV style="FONT-SIZE: 10px; WIDTH: 400px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV> <P></P> <DIV id="infor" style="FONT-SIZE: 11px; WIDTH: 100%; COLOR: #999999; FONT-FAMILY: arial; POSITION: relative; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV> </BODY>

提示：你可以先修改部分代码再运行。

顶一下

(1)

25%

踩一下

(3)

75%

标签: