分享一款网页进度条加载显示特效,在页面中以进度条形式显示,下面还显示说明信息。
<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> <!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,zzjs@msn.com,用.net打造靓站--> <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+9)