Tip: you can modify some code before running
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Code JsCode. CN |</title><meta http-equiv="imagetoolbar" content="no"><style type="text/css">Html {overflow: hidden;} body {margin: 0px; padding: 0px; background: #000; position: absolute; width: 100%; height: 100%; cursor: crosshair ;} # box {position: absolute; background: #111; border: gray solid 1px; visibility: hidden ;}# screen {position: absolute; left: 0px; width: 100%; top: 10%; height: 80%; background: #000; border: gray solid 1px;} # box img {position: absolute; border: gray solid 1px; cursor: pointer ;} # box span {position: absolute; color: # ccc; font-family: verdana; font-size: 12px; width: 200px ;}# box a {text-decoration: none; color: # ff8000 ;}# box a: hover {text-decoration: none; background: # ff8000; color: # ffffff ;}# box a: visited {text-decoration: none; color: # ff8000 ;}# box a: visited: hover {text-decoration: none; background: # ff8000; color: # ffffff ;}# lnk {visibility: hidden ;}</style><script type="text/javascript">Document. onselectstart = new Function ("return false"); O = new Array (); box = 0; img = 0; txt = 0; tit = 0; W = 0; H = 0; nI = 0; sel = 0; si = 0; ZOOM = 0; rImg = 0; /// // speed =. 06; // animation speeddelay =. 5; // 1 = no delay // function dText () {txt. style. textAlign = tit. style. textAlign = (sel<nI/2)?"left":"right";txt.innerHTML = O[sel].tx;tit.innerHTML = O[sel].ti;}function CObj(n, s, x, tx, ti){this.n = n;this.dim = s;this.tx = tx;this.ti = ti;this.is = img[n];this.vz = 0;this.sx = 0;this.x0 = x;this.x1 = 0;this.zo = 0;this.over = function() {with(this){if(n!=sel){O[sel].dim = 100;O[n].dim = ZOOM * 100;sel = n;l = 0;for(k=0; k<nI; k++){O[k].x0 = l;l += O[k].dim;}txt.innerHTML = tit.innerHTML = "";setTimeout("dText()", 32);}}}this.anim = function () {with(this){vz = speed*(vz+(x1-sx)*delay);x1 -= vz;sx = (n==0)?0:O[n-1].x0+O[n-1].dim;zo -= (zo-dim)*speed;l = (x1*si)+6*(n+1);w = zo*si;is.style.left = Math.round(l)+'px';is.style.top = Math.round((H-w*rImg)*.5)+'px';is.style.width = Math.round(w)+'px';is.style.height = Math.round(w*rImg)+'px';if(sel == n){if(sel<nI*.5) {tit.style.left = txt.style.left = Math.round(l+w+6)+'px';} else {tit.style.left = txt.style.left = Math.round(l-(nx*.25)-6)+'px';}txt.style.top = Math.round(-(w*rImg)*.25)+'px';tit.style.top = Math.round((w*rImg)*.33)+'px';}}}}function run(){for(j in O)O[j].anim();setTimeout("run()", 16);}function doResize(){tit.style.width = Math.round(nx*.25)+'px';txt.style.width = Math.round(nx*.25)+'px';tit.style.fontSize = (nx/30)+'px';txt.style.fontSize = (nx/70)+'px';with(box.style){width = Math.round(W)+'px';height = Math.round(H)+'px';left = Math.round(nx/2-W/2)+'px';top = Math.round(ny/2-H/2)+'px';}}function resize(){nx = scr.offsetWidth;ny = scr.offsetHeight;W = nx*90/100;si = (W-((nI+1)*6))/((ZOOM*100)+((nI-1)*100));H = (100*si*rImg)+14;doResize();}onresize = resize;onload = function(){scr = document.getElementById("screen");box = document.getElementById("box");tit = document.getElementById("tit");txt = document.getElementById("txt");img = box.getElementsByTagName("img");Lnk = document.getElementById("lnk").getElementsByTagName("a");nI = img.length;ZOOM = nI;rImg = img[0].height/img[0].width;resize();s = ZOOM * 100;x = 0;tit.innerHTML = img[0].title;txt.innerHTML = img[0].alt;for(i=0; i<nI; i++) {var t = img[i].alt;if(Lnk[i].href!="") t+='<br>'+ Lnk [I]. innerHTML + ''; O [I] = new CObj (I, s, x, t, img [I]. title); img [I]. alt = ""; img [I]. title = ""; img [I]. onmousedown = new Function ("return false;"); img [I]. onmouseover = new Function ('o ['+ I +']. over (); '); if (Lnk [I]. href! = "") {/* = Hyperlink = */img [I]. onclick = new Function ('window. open ("'+ Lnk [I]. href + '"," _ blank ");');} x + = s; s = 100;} box. style. visibility = "visible"; run ();}</script></head><body><div id="screen"><div id="box">Www.111cn.net<a><a><a><a><a><a></div></div><!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 -->Loading...<script>m00=document.getElementById("box").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script><!-- end of images_loading_bar code --></body></html>
Tip: you can modify some code before running
