返回列表 回复 发帖
magic

注册会员

Rank: 2

UID
2033152 
威望
1 点 
金钱
3090 金币 
点卡
0 点 
1#
打印
tT
发表于 2004-7-3 16:34 | 只看该作者

[转帖]几个不错的网页载入页面（网页好助手）

流动性非常好的网页载入页面
第一种：
  1. <html>
  2. <head><TITLE>红樱桃社区</TITLE>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4. <meta name="keywords" content="Jojoo.net">
  5. <script language="javascript">
  6.   function setSB(v, el) {
  7.     var ie5 = (document.all && document.getElementsByTagName);
  8.     if (ie5 || document.readyState == "complete")     {
  9.       filterEl = el.children[0];
  10.       valueEl = el.children[1];
  11.       filterEl.style.width = v + "%";
  12.       valueEl.innerText = v + "%";
  13.     }
  14.   }
  15.   function fakeProgress(v, el) {
  16.     if (v > 100)
  17.       location.href = "http://aspcn.com.ru/bbs/";
  18.     else     {
  19.       setSB(v, el);
  20.       window.setTimeout("fakeProgress(" + (++v) + ", document.all[';" + el.id + "';])", 20);
  21.     }
  22.   }
  23. </script>
  24. </head>  
  25. <body onload="fakeProgress(0, sb)" topmargin=180 bgcolor=&#35;eeeeee>
  26. <center>
  27. <font color=gray> <p align=center style="color: &#35;0085dd; font-family: 宋体; font-szie:12px; line-height: 100%">载入中，请稍侯．．．</p></font>
  28. <span id=sb style="width: 300px">
  29. <div style="filter: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); width: 0%; height: 12px; position: absolute; background: &#35;9999ff"></div>
  30. <div style="font-size: 12px; width: 100%; color: &#35;ff3333; font-family: arial; text-align: center"></DIV>
  31. </span>
  32. </center>
  33. </body>
  34. </html>
复制代码
第二种：
  1. <html>
  2. <head>
  3. <title>红樱桃社区</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. </head>
  6. <body bgcolor="&#35;FFFFFF" leftmargin="0" topmargin="0">
  7. <table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">
  8. <tr>
  9. <form name=loading>
  10. <td align=center>
  11. <p><font color=gray>正在载入中，请稍候.......</font></p>
  12. <p>
  13. <input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:gray; background-color:white; padding:0px; border-style:none;">
  14. <br>
  15. <input type=text name=percent size=46 style="font-family:Arial; color:gray; text-align:center; border-width:medium; border-style:none;">
  16. <script>var bar=0
  17. var line="||"
  18. var amount ="||"
  19. count()
  20. function count(){
  21. bar= bar+2
  22. amount =amount + line
  23. document.loading.chart.value=amount
  24. document.loading.percent.value=bar+"%"
  25. if (bar<99)
  26. {setTimeout("count()",100);}
  27. else
  28. {window.location="http://aspcn.com.ru/bbs/";}
  29. }
  30. </script>
  31. </p>
  32. </td>
  33. </form>
  34. </tr>
  35. </table>
  36. </body>
  37. </html>
复制代码
第三种：
  1. <html>
  2. <head>
  3. <title>红樱桃社区</title>
  4. <META http-equiv=Content-Type content="text/html; charset=gb2312">
  5. <SCRIPT type=text/javascript>
  6. <!--
  7. var ie5 = (document.all && document.getElementsByTagName);
  8. var step = 0;
  9. function setSB(v, el, inforEl, message) {
  10. if (ie5 || document.readyState == "complete") {
  11. filterEl = el.children[0];
  12. valueEl = el.children[1];
  13. if (filterEl.style.pixelWidth > 0) {
  14. var filterBackup = filterEl.style.filter;
  15. filterEl.style.filter = "";
  16. filterEl.style.filter = filterBackup;
  17. }
  18. filterEl.style.width = v + "%";
  19. valueEl.innerText = v + "%";
  20. inforEl.innerText = message;
  21. }
  22. }
  23. function setSBByStep(v, el, inforEl, message) {
  24. if (ie5 || document.readyState == "complete") {
  25. step = step + v;
  26. filterEl = el.children[0];
  27. valueEl = el.children[1];
  28. if (filterEl.style.pixelWidth > 0) {
  29. var filterBackup = filterEl.style.filter;
  30. filterEl.style.filter = "";
  31. filterEl.style.filter = filterBackup;
  32. }
  33. filterEl.style.width = step + "%";
  34. valueEl.innerText = step + "%"
  35. inforEl.innerText = message;
  36. }
  37. }
  38. function fakeProgress(v, el) {
  39. if (v >= 101)
  40. location.href="http://aspcn.com.ru/bbs/";
  41. else {
  42. setSB(v, el, infor, "Loading... please wait");
  43. window.setTimeout("fakeProgress(" + (v + 1) + ", document.all[';" + el.id + "';])", 60);
  44. }
  45. }
  46. //-->
  47. </SCRIPT>
  48. </head>
  49. <BODY onload="fakeProgress(0,sb)" topmargin=100 bgcolor="&#35;999999">
  50. <br><br><br><br><br><br><br><br>
  51. <!-- Status Bar Starts -->
  52. <div align=center>
  53. <DIV id=sb
  54. style="BORDER-RIGHT: white 0px inset; BORDER-TOP: white 0px inset; BACKGROUND: &#35;cccccc; BORDER-LEFT: white 0px inset; WIDTH: 200px; BORDER-BOTTOM: white 0px inset; HEIGHT: 20px; TEXT-ALIGN: left">
  55. <DIV id=sbChild1
  56. style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); WIDTH: 0%; POSITION: absolute; HEIGHT: 20px">
  57. <DIV
  58. style="FONT-SIZE: 1px;BACKGROUND:&#35;ffffff; WIDTH: 100%; HEIGHT: 100%"></DIV></DIV>
  59. <DIV
  60. style="FONT-SIZE:11px; WIDTH: 100%; COLOR:&#35;000000; FONT-FAMILY:verdana; POSITION: absolute; TEXT-ALIGN: center"></DIV></DIV>
  61. <!-- Status Bar Ends -->
  62. <br>
  63. <DIV id=infor
  64. style=" FONT-SIZE:11px; WIDTH: 100%; COLOR:&#35;000000; FONT-FAMILY:verdana; POSITION: relative; TEXT-ALIGN: center">
  65. </DIV>
  66. </div>
  67. </BODY>
  68. </html>
复制代码
收藏 分享 评分
回复 引用

订阅 TOP

返回列表