带进度条loading加载特效

作者:sky 点击:536 评论:0 发布时间:周五, 06/27/2014 - 10:50 所属分类:综合实例

分享一款网页进度条加载显示特效，在页面中以进度条形式显示，下面还显示说明信息。

<STYLE type=text/css> TD { FONT-SIZE: 9pt } .come { BACKGROUND-COLOR: #eff7d4; BORDER-BOTTOM: #c07a0b 1px dashed; BORDER-LEFT: #c07a0b 1px dashed; BORDER-RIGHT: #c07a0b 1px dashed; BORDER-TOP: #c07a0b 1px dashed; COLOR: #000000; FONT-SIZE: 9pt; HEIGHT: 18px } </style> <SCRIPT language="javascript"> var percent = new Number(0); function skipmain() { dopgb(); }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 function dopgb() { var pgb = document.all.pgbdiv.style; var timeoutID = setTimeout("dopgb()",100); if (pgb.pixelWidth < 230) pgb.pixelWidth += 5; percent = parseInt(100 * (pgb.pixelWidth / 230) + 1) + 1; if (percent > 100) percent = 100; document.all.perdiv.innerHTML="<p align='center' style='margin-top:0;margin-bottom:0'>" + percent.toString(10) + " %</p>" if (pgb.pixelWidth >= 230) { clearTimeout(timeoutID); window.navigate("http://www.zzjs.net"); return; } } </SCRIPT> <body onload="skipmain()"> <a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <TABLE align="center" border="1" borderColor="#000000" cellPadding="0" cellSpacing="0" height="10" style="BORDER-COLLAPSE: collapse; MARGIN: 10px 0px 0px" width="230" name="pgb_container1"> <TBODY> <TR> <TD class=newfont3> <DIV id="pgbdiv" style="BACKGROUND-COLOR: #65a1ca; HEIGHT: 10px; MARGIN: 0px; TEXT-ALIGN: center; WIDTH: 0px" border="0"></DIV></TD></TR></TBODY></TABLE> <P align="center" style="MARGIN-TOP: 5px"> <DIV align="center" id="perdiv" style="MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px"> <P align="center" class="newfont3" style="MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px">0 %</P></DIV> <P align="center" style="MARGIN: 10px"><INPUT align=center class=come onclick="window.navigate('http://zzjs.net/')" style="cursor: hand; width: 140; height: 22" title"=我不想等了，直接进入 "type="button" value="直接打站长特效网"> </P> </P> </body>

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

顶一下

(0)

踩一下

(3)

100%

标签: