<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">


<style>

</style>


<title>华声习作2（脚本相册）</title>
</head>

<body background="http://webftp.bbs.hnol.net/dysr/201201/IFRAME/bj-GB.jpg">

<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]; P01i 

= P01.getElementsByTagName("img")[0];
	P02    = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[1]; P02i 

= P02.getElementsByTagName("img")[0];
	P1     = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[2]; P1i  

= P1.getElementsByTagName("img")[0];
	P2     = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[3]; P2i  

= P2.getElementsByTagName("img")[0];
	
	nI     = IMGSRC.length;
	P1i.src = IMGSRC[kI].src;
	P2i.src = IMGSRC[kI].src;
	titLe(kI);
}

</script>

<table cellspacing="0" cellpadding="0" width="985px" height="650" style="position: relative; 

left: 0; top: 0">
	<tr>
		<td align="center">
		<div class="DHTMLBOOK" id="DHTMLBOOK" style="BACKGROUND: #ffffff; LEFT: 0px; 

WIDTH:900px; POSITION: relative; TOP: 0px; HEIGHT: 585px">
			<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="LEFT: 

50%; OVERFLOW: hidden; BORDER-RIGHT: #000000 0pt solid; 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: #444444; 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%" src>
			</span>
			<span onmousedown="return false;" ondblclick="TPR();" 

style="BACKGROUND: #444444; LEFT: 50%; OVERFLOW: hidden; BORDER-RIGHT: #000000 0pt solid; 

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%" src>
			</span>
			<div id="TXTBOX" style="FONT-SIZE: 12px; LEFT: 0px; WIDTH: 800px; 

COLOR: #aba193; FONT-FAMILY: verdana; POSITION: absolute; TOP: 320px; TEXT-ALIGN: center">
			</div>
		</div>
		</td>
	</tr>
</table></center>

<!--音乐部分----------------轻音乐 ▪ 经典萨克斯20首------------------------------------音乐部分-->

<embed allowfullscreen="false" height="0" quality="high" src="http://img3.oldkids.cn/upload/2022/02/20/blog_260861354_20220220124806951.swf" type="application/x-shockwave-flash" width="0" wmode="transparent"></embed></div> 
 
 
 <!--音乐部分----------------------------------------------------音乐部分-->

<!--========================================= 图片数据 

======================================-->
<div id="imgsrc" style="VISIBILITY: hidden; overflow:hidden; height:1px; display:none; ">
	<img alt="" 

src="https://s4.ax1x.com/2022/02/25/bkgJ9H.jpg">（封面）
	<img alt="" 

src="https://s4.ax1x.com/2022/02/24/bPqKbj.jpg">遇见
	<img alt="" 

src="https://s4.ax1x.com/2022/02/26/bVaSS0.jpg">离殇
	<img alt="" 

src="https://s4.ax1x.com/2022/02/24/bPqFUI.jpg">为你化蝶
	<img alt="" 

src="https://s4.ax1x.com/2022/02/24/bPqCbd.jpg">听风在吹
	<img alt="" 

src="https://s4.ax1x.com/2022/02/24/bPqnKg.jpg">写给海洋
	<img alt="" 

src="https://s4.ax1x.com/2022/02/24/bPqV8f.jpg">醉相思 梦相随
	<img alt="" 

src="https://s4.ax1x.com/2022/02/23/b9jAL4.jpg">不哭
	<img alt="" 

src="https://s4.ax1x.com/2022/02/23/b9jJwd.jpg">江南春
	<img alt="" 

src="https://s4.ax1x.com/2022/02/23/b9j3Oe.jpg">空房子
	<img alt="" 

src="https://s4.ax1x.com/2022/02/25/bAOLG9.jpg">你忘了回忆 我忘了忘记
	<img alt="" 

src="https://s4.ax1x.com/2022/02/24/bPqlan.jpg">再见
	<img alt="" 

src="https://s4.ax1x.com/2022/02/23/b9jZw9.jpg">独舞1
	<img alt="" 

src="https://s4.ax1x.com/2022/02/23/b9jnF1.jpg">独舞2
	<img alt="" 

src="https://s4.ax1x.com/2022/02/23/b9juJx.jpg">独舞3
    <img alt="" 

src="https://s4.ax1x.com/2022/02/23/b9jKW6.jpg">独舞4
    <img alt="" 

src="https://s4.ax1x.com/2022/02/24/bPqexS.jpg">请用一首歌的时间来想你
    <img alt="" 

src="https://s4.ax1x.com/2022/02/24/bPq15q.jpg">月圆中秋
    <img alt="" 

src="https://s4.ax1x.com/2022/02/26/bVw5WR.jpg">封底
    

</div>



<p align="center">
<!--=========================================以下下载进度显示

======================================-->
<span id="LB0" style="DISPLAY: block; LEFT: 50%; POSITION: absolute; TOP: 50%">
	<span style="FONT-SIZE: 12px; LEFT: -30px; COLOR: #ffffff; FONT-FAMILY: arial; 

POSITION: absolute; TOP: -18px">
Loading......</span>
	<span style="FONT-SIZE: 10px; BACKGROUND: #888888; LEFT: -50px; WIDTH: 100px; 

POSITION: absolute; TOP: 0px; HEIGHT: 10px">
		<span id="LB1" style="FONT-SIZE: 10px; BACKGROUND: #ffffff; LEFT: 0px; 

WIDTH: 100px; POSITION: absolute; TOP: 0px; HEIGHT: 10px">
		</span>
	</span>
</span>
</p> 
 
  
<!--=========================================以下下载进度控制

======================================--> 
 
<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>

</html>