paco 发表于 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(
"http://paco.pp.ru/Home/templates/bred/images/at.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_footer.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_footerleft.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_footerright.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_header.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_headerleft.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_headerright.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_logo.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_main.gif",
"http://paco.pp.ru/Home/templates/bred/images/cc.gif",
"http://paco.pp.ru/Home/templates/bred/images/DOT.gif",
"http://paco.pp.ru/Home/templates/bred/images/dot_width.gif",
"http://paco.pp.ru/Home/templates/bred/images/KML.gif",
"http://paco.pp.ru/Home/templates/bred/images/powered.gif",
"http://paco.pp.ru/Home/templates/bred/images/rss1.gif",
"http://paco.pp.ru/Home/templates/bred/images/rss2.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_calendar.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_calendarlist.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_categorise.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_links.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_newcomm.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_orderby.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_other.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_search.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_siteinfo.gif",
"http://paco.pp.ru/Home/templates/bred/images/skin02.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/04.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/05.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/06.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/07.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/08.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/09.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/10.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/11.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/12.gif",
"http://paco.pp.ru/Home/templates/bred/images/tem02_note15.gif",
"http://paco.pp.ru/Home/templates/bred/images/top.gif") // Fill this array with the images you wish to preload
var locationAfterPreload = "http://paco.pp.ru/Home/index.php" // 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 = "f"
startingColor = "f"
startingColor = "f"

// Color the preloadbar is going to end up with - enter the 1st, 3rd and 5th numbers/letters of color code
endingColor = "f"
endingColor = "f"
endingColor = "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 = startingColor.toLowerCase();
 endingColor = endingColor.toLowerCase();
 startingColor = eval(startingColor);
 endingColor = eval(endingColor);
 diff = (endingColor-startingColor)/num;
 ones = Math.floor(diff);
 sixteens = Math.round((diff - ones)*15);
}
endingColor = 0;
endingColor = 0;
endingColor = 0;
i = 0, j = 0;
while (i <= num) {
 hilite = "#";
 while (j < 3) {
     hilite += convert];
     hilite += convert];
     startingColor += ones;
     endingColor += sixteens;
     if (endingColor > 15) {
     endingColor -= 15;
     startingColor++;
     }
     j++;
 }
 j = 0;
 i++;
}
function loadImages() {
 for (i = 0; i < imgLen; i++) {
     preImages = new Image();
     preImages.src = yourImages;
     loaded = 0;
     cover = Math.floor(num/imgLen)*(i+1)
 }
 cover += num%imgLen
 checkLoad();
}
function checkLoad() {
 if (pending) { changeto(); return }
 if (currCount == imgLen) { location.replace(locationAfterPreload); return }
 for (i = 0; i < imgLen; i++) {
     if (!loaded && preImages.complete) {
     loaded = 1; pending++; currCount++;
     checkLoad();
     return;
     }
 }
 setTimeout("checkLoad()",10);
}
function changeto() {
 if (h+1 > cover) {
     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++;
 setTimeout("changeto()",1);
}
defaultStatus = "Loaded 0 out of " + imgLen + " images ."
// 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>

esnak 发表于 2005 年 12 月 12 日 22:52:50

演示呢
没图叫别人怎么看

坏脾气 发表于 2005 年 12 月 12 日 22:53:16

给个演示来看看~~

paco 发表于 2005 年 12 月 12 日 23:05:35

给演示和ad是同义词害怕被砍。。

坏脾气 发表于 2005 年 12 月 12 日 23:09:46

看看演示就行了呀！！！！

gzzghh 发表于 2005 年 12 月 12 日 23:10:54

似乎还是长了～

chinasaint 发表于 2005 年 12 月 13 日 21:29:51

下了，没有图片

hbxtjsl 发表于 2005 年 12 月 14 日 12:50:16

luguo

paco 发表于 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(
"http://paco.pp.ru/Home/templates/bred/images/at.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_footer.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_footerleft.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_footerright.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_header.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_headerleft.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_headerright.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_logo.gif",
"http://paco.pp.ru/Home/templates/bred/images/blog_main.gif",
"http://paco.pp.ru/Home/templates/bred/images/cc.gif",
"http://paco.pp.ru/Home/templates/bred/images/DOT.gif",
"http://paco.pp.ru/Home/templates/bred/images/dot_width.gif",
"http://paco.pp.ru/Home/templates/bred/images/KML.gif",
"http://paco.pp.ru/Home/templates/bred/images/powered.gif",
"http://paco.pp.ru/Home/templates/bred/images/rss1.gif",
"http://paco.pp.ru/Home/templates/bred/images/rss2.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_calendar.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_calendarlist.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_categorise.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_links.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_newcomm.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_orderby.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_other.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_search.gif",
"http://paco.pp.ru/Home/templates/bred/images/sider_siteinfo.gif",
"http://paco.pp.ru/Home/templates/bred/images/skin02.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/04.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/05.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/06.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/07.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/08.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/09.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/10.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/11.gif",
"http://paco.pp.ru/Home/templates/bred/images/calendar/12.gif",
"http://paco.pp.ru/Home/templates/bred/images/tem02_note15.gif",
"http://paco.pp.ru/Home/templates/bred/images/top.gif") // Fill this array with the images you wish to preload
var locationAfterPreload = "http://paco.pp.ru/Home/index.php" // 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 = "f"
startingColor = "f"
startingColor = "f"

// Color the preloadbar is going to end up with - enter the 1st, 3rd and 5th numbers/letters of color code
endingColor = "f"
endingColor = "f"
endingColor = "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 = startingColor.toLowerCase();
 endingColor = endingColor.toLowerCase();
 startingColor = eval(startingColor);
 endingColor = eval(endingColor);
 diff = (endingColor-startingColor)/num;
 ones = Math.floor(diff);
 sixteens = Math.round((diff - ones)*15);
}
endingColor = 0;
endingColor = 0;
endingColor = 0;
i = 0, j = 0;
while (i <= num) {
 hilite = "#";
 while (j < 3) {
     hilite += convert];
     hilite += convert];
     startingColor += ones;
     endingColor += sixteens;
     if (endingColor > 15) {
     endingColor -= 15;
     startingColor++;
     }
     j++;
 }
 j = 0;
 i++;
}
function loadImages() {
 for (i = 0; i < imgLen; i++) {
     preImages = new Image();
     preImages.src = yourImages;
     loaded = 0;
     cover = Math.floor(num/imgLen)*(i+1)
 }
 cover += num%imgLen
 checkLoad();
}
function checkLoad() {
 if (pending) { changeto(); return }
 if (currCount == imgLen) { location.replace(locationAfterPreload); return }
 for (i = 0; i < imgLen; i++) {
     if (!loaded && preImages.complete) {
     loaded = 1; pending++; currCount++;
     checkLoad();
     return;
     }
 }
 setTimeout("checkLoad()",10);
}
function changeto() {
 if (h+1 > cover) {
     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++;
 setTimeout("changeto()",1);
}
defaultStatus = "Loaded 0 out of " + imgLen + " images ."
// 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>
页: [1]
查看完整版本: 经典的loading叶子。