<html> <head> <title>【竹韵音画】电子翻页相册</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>the hideaway - Interactive DHTML art-demos</TITLE> <META http-equiv=Content-Type content="text ml; charset=gb2312"> <META content="Gerard Ferrandez at http://www.dhteumeuleu.com" name=Author> <META http-equiv=imagetoolbar content=no> <STYLE type=text/css>BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #111; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; CURSOR: crosshair; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 100% } .DHTMLBOOK { BACKGROUND: #000; LEFT: 0px; WIDTH: 1000px; POSITION: relative; TOP: 0px; HEIGHT: 595px } </STYLE> <SCRIPT type=text/javascript><!--
window.onerror = new Function("return true"); screen.bufferDepth = 16; document.onselectstart = function () { return false; } var nI = 0; var kI = 0; var run = false; function setOpacity(obj,o){ if(o<0)o=0; else if(o>100)o=100; if(obj.filters)obj.filters.alpha.opacity=o; } function TPR__(p){ P1.style.left = 50-(2.5*p)+"%"; P1.style.width = (2.5*p)+"%"; setOpacity(P1i,.5*p*p); if(p==20)run = false; } function TPR_(p){ P2.style.width = 50-(2.5*p)+"%"; setOpacity(P2i,100-.5*(p*p)); if(p==20){ P2i.src = IMGSRC[kI].src; setOpacity(P2i,100); P2.style.width = "50%"; for(var i=1;i<=20;i++)setTimeout("TPR__("+i+")",i*32); } } function TPR(){ if(!run){ run = true; P01i.src = IMGSRC[kI].src; P1.style.width = 0; kI++; if(kI>=nI)kI = 0; titLe(kI); P02i.src = IMGSRC[kI].src; P1i.src = IMGSRC[kI].src; for(var i=1;i<=20;i++)setTimeout("TPR_("+i+")",i*32); } else setTimeout("TPR()",100); } function TPL__(p){ P2.style.width = (2.5*p)+"%"; setOpacity(P2i,.5*p*p); if(p==20)run = false; } function TPL_(p){ P1.style.left = (2.5*p)+"%"; P1.style.width = 40+(10-2.5*p)+"%"; setOpacity(P1i,100-.5*(p*p)); if(p==20){ P1i.src = IMGSRC[kI].src; setOpacity(P1i,100); P1.style.left = 0; P1.style.width = "50%"; for(var i=1;i<=20;i++)setTimeout("TPL__("+i+")",i*32); } } function TPL(){ if(!run){ run = true; P02i.src = IMGSRC[kI].src; P2.style.width = 0; kI--; if(kI<0)kI = nI-1; titLe(kI); P01i.src = IMGSRC[kI].src; P2i.src = IMGSRC[kI].src; for(var i=1;i<=20;i++)setTimeout("TPL_("+i+")",i*32); } else setTimeout("TPL()",100); } function titLe(p){ document.getElementById("TXTBOX").innerHTML = IMGSRC[p].alt; } onload = function() { IMGSRC = document.getElementById("imgsrc").getElementsByTagName("img"); P01 = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[0]01i = P01.getElementsByTagName("img")[0]; P02 = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[1]02i = P02.getElementsByTagName("img")[0]; P1 = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[2]1i = P1.getElementsByTagName("img")[0]; P2 = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[3]2i = P2.getElementsByTagName("img")[0]; nI = IMGSRC.length; P1i.src = IMGSRC[kI].src; P2i.src = IMGSRC[kI].src; titLe(kI); } //--> </SCRIPT> <META content="Microsoft FrontPage 6.0" name=GENERATOR></HEAD> <BODY> <DIV style="LEFT: 0%; POSITION: absolute; TOP: 0%"> <DIV class=DHTMLBOOK id=DHTMLBOOK><SPAN onmousedown="return false;" ondblclick=TPL(); style="LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #000000 0pt solid; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 100%" onclick=TPL();><IMG style="LEFT: 0px; WIDTH: 200%; POSITION: absolute; TOP: 0px; HEIGHT: 100%"> </SPAN><SPAN onmousedown="return false;" ondblclick=TPR(); style="BORDER-RIGHT: #000000 0pt solid; LEFT: 50%; OVERFLOW: hidden; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 100%" onclick=TPR();><IMG style="LEFT: -100%; WIDTH: 200%; POSITION: absolute; TOP: 0px; HEIGHT: 100%"> </SPAN><SPAN onmousedown="return false;" ondblclick=TPL(); style="BACKGROUND: #000000; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #000000 0pt solid; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 100%" onclick=TPL();><IMG style="FILTER: alpha(); LEFT: 0px; WIDTH: 200%; POSITION: absolute; TOP: 0px; HEIGHT: 100%"> </SPAN><SPAN onmousedown="return false;" ondblclick=TPR(); style="BORDER-RIGHT: #000000 0pt solid; BACKGROUND: #000000; LEFT: 50%; OVERFLOW: hidden; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 100%" onclick=TPR();><IMG style="FILTER: alpha(); LEFT: -100%; WIDTH: 200%; POSITION: absolute; TOP: 0px; HEIGHT: 100%"> </SPAN> <DIV id=TXTBOX style="FONT-SIZE: 0.8em; LEFT: 0px; WIDTH: 1000px; COLOR: #aba193; FONT-FAMILY: verdana; POSITION: absolute; TOP: 320px; TEXT-ALIGN: center"></DIV></DIV></DIV> <DIV id=imgsrc style="VISIBILITY: hidden"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p0.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p1.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p2.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p3.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p4.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p5.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p6.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p7.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p8.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p9.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p10.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p11.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p12.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p13.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p14.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p15.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p16.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p17.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p18.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p19.jpg"> <IMG alt="" src="http://jnzy.anji.cn/ajx/p20.jpg"> </DIV><SPAN id=LB0 style="LEFT: 50%; POSITION: absolute; TOP: 50%"><SPAN style="FONT-SIZE: 10px; LEFT: 0px; COLOR: #ffffff; FONT-FAMILY: arial; POSITION: absolute; TOP: -18px">Loading...</SPAN> <SPAN style="FONT-SIZE: 0px; BACKGROUND: #333; LEFT: -50px; WIDTH: 100px; POSITION: absolute; TOP: -5px; HEIGHT: 10px"><SPAN id=LB1 style="FONT-SIZE: 0px; BACKGROUND: #ffffff; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 10px"></SPAN></SPAN></SPAN> <SCRIPT>m00=document.getElementById("imgsrc").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);if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</SCRIPT> </BODY>< ML> <EMBED src=http://jnzy.anji.cn/ajx/bg1.mp3 width=0 height=0 type=audio/x-pn-realaudio-plugin loop="true" autostart="true" controls="ControlPanel,StatusBar"></EMBED> </head> </html> |