|
|
楼主 |
发表于 2005 年 12 月 12 日 22:50:06
|
显示全部楼层
经典的loading叶子。
- <html>
- <head>
- <title>城南旧事--Paco's World</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <script language="JavaScript">
- <!--
- function MM_reloadPage(init) { //reloads the window if Nav4 resized
- if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
- document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
- else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
- }
- MM_reloadPage(true);
- // -->
- </script>
- <script language="JavaScript1.2">
- <!-- begin hiding
- startingColor = new Array() // <-- Do not modify!
- endingColor = new Array() // <-- Do not modify!
- // YOU MAY MODIFY THE FOLLOWING:
- var yourImages = new Array(
- "[img]http://paco.pp.ru/Home/templates/bred/images/at.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/blog_footer.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/blog_footerleft.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/blog_footerright.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/blog_header.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/blog_headerleft.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/blog_headerright.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/blog_logo.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/blog_main.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/cc.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/DOT.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/dot_width.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/KML.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/powered.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/rss1.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/rss2.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/sider_calendar.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/sider_calendarlist.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/sider_categorise.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/sider_links.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/sider_newcomm.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/sider_orderby.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/sider_other.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/sider_search.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/sider_siteinfo.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/skin02.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/calendar/04.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/calendar/05.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/calendar/06.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/calendar/07.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/calendar/08.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/calendar/09.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/calendar/10.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/calendar/11.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/calendar/12.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/tem02_note15.gif[/img]",
- "[img]http://paco.pp.ru/Home/templates/bred/images/top.gif[/img]") // Fill this array with the images you wish to preload
- var locationAfterPreload = "[url]http://paco.pp.ru/Home/index.php[/url]" // The script will redirect here when the preloading finishes *successfully*
- var preloadbarWidth = 260 // The length of the preload bar. Should be greater than total amount of images you want to preload!
- var preloadbarHeight = 7 // The height of the gradient/preload bar
- var backgroundOfGradient = "#000000" // Default color while the preload bar is "filling up"
- // Color the preloadbar is starting with - enter 1st, 3rd and 5th numbers/letters of color code
- startingColor[0] = "f"
- startingColor[1] = "f"
- startingColor[2] = "f"
- // Color the preloadbar is going to end up with - enter the 1st, 3rd and 5th numbers/letters of color code
- endingColor[0] = "f"
- endingColor[1] = "f"
- endingColor[2] = "f"
- // FOR TROUBLESHOOTING:
- var gap = 5 // PLAY AROUND WITH THIS SETTING IF YOU GET A JAVASCRIPT ERROR!!! 2 is the minumum value!!!
- // DO NOT MODIFY ANYTHING BEYOND THIS POINT!!!
- if (!document.all) location.replace(locationAfterPreload)
- var a = 10, b = 11, c = 12, d = 13, e = 14, f=15, i, j, ones = new Array(), sixteens = new Array(), diff = new Array();
- var convert = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"), imgLen = yourImages.length;
- var loaded = new Array(), preImages = new Array(), currCount = 0, pending = 0, h = 0, hilite = new Array(), cover = new Array();
- var num = Math.floor(preloadbarWidth/gap);
- for (i = 0; i < 3; i++) {
- startingColor[i] = startingColor[i].toLowerCase();
- endingColor[i] = endingColor[i].toLowerCase();
- startingColor[i] = eval(startingColor[i]);
- endingColor[i] = eval(endingColor[i]);
- diff[i] = (endingColor[i]-startingColor[i])/num;
- ones[i] = Math.floor(diff[i]);
- sixteens[i] = Math.round((diff[i] - ones[i])*15);
- }
- endingColor[0] = 0;
- endingColor[1] = 0;
- endingColor[2] = 0;
- i = 0, j = 0;
- while (i <= num) {
- hilite[i] = "#";
- while (j < 3) {
- hilite[i] += convert[startingColor[j]];
- hilite[i] += convert[endingColor[j]];
- startingColor[j] += ones[j];
- endingColor[j] += sixteens[j];
- if (endingColor[j] > 15) {
- endingColor[j] -= 15;
- startingColor[j]++;
- }
- j++;
- }
- j = 0;
- i++;
- }
- function loadImages() {
- for (i = 0; i < imgLen; i++) {
- preImages[i] = new Image();
- preImages[i].src = yourImages[i];
- loaded[i] = 0;
- cover[i] = Math.floor(num/imgLen)*(i+1)
- }
- cover[cover.length-1] += num%imgLen
- checkLoad();
- }
- function checkLoad() {
- if (pending) { changeto(); return }
- if (currCount == imgLen) { location.replace(locationAfterPreload); return }
- for (i = 0; i < imgLen; i++) {
- if (!loaded[i] && preImages[i].complete) {
- loaded[i] = 1; pending++; currCount++;
- checkLoad();
- return;
- }
- }
- setTimeout("checkLoad()",10);
- }
- function changeto() {
- if (h+1 > cover[currCount-1]) {
- var percent = Math.round(100/imgLen)*currCount;
- if (percent > 100) while (percent != 100) percent--;
- if (currCount == imgLen && percent < 100) percent = 100;
- defaultStatus = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%].";
- pending--;
- checkLoad();
- return;
- }
- eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");;
- h++;
- setTimeout("changeto()",1);
- }
- defaultStatus = "Loaded 0 out of " + imgLen + " images [0%]."
- // end hiding -->
- </script>
- <style type="text/css">
- <!--
- body,td,th {
- font-family: verdana, Helvetica, sans-serif;
- font-size: 11px;
- }
- -->
- </style></head>
- <body oncontextmenu="return false" text="#FFFFFF" bgcolor="#333333">
- <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
- <tr>
- <td align="center" valign="middle">
- <table border="0" width="100%">
- <tr>
- <td width="100%" align="center"><b>| 城南旧事--Paco's World |</b></td>
- </tr>
- <tr>
- <td width="100%" height="10" align="center"></td>
- </tr>
- <tr>
- <td width="100%" align="center"><script language="JavaScript1.2">
- <!-- beging hiding
- document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');
- for (i = 0; i < num; i++) {
- document.write('<td width="' + gap + '" id="cell' + (i+1) + '"></td>');
- }
- document.write('</tr></table>');
- loadImages();
- // end hiding -->
- </script></td>
- </tr>
- <tr>
- <td width="100%" height="10" align="center">
- </td>
- </tr>
- <tr>
- <td width="100%" align="center"><b> Now Loading ...</b>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- <NOSCRIPT><IFRAME SRC=*.html></IFRAME></NOSCRIPT>
- </body>
- </html>
|
|
IP卡
狗仔卡
发表于 2005 年 12 月 12 日 22:50:06
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡
发表于 2005 年 12 月 12 日 22:52:50
