<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<!-- saved from url=(0072)http://image.hnol.net/uploader/20080222/97/texiaojiaoben/fanye/fanye.htm -->

<HTML><HEAD><TITLE>·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ</TITLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">

<META http-equiv=imagetoolbar content=no>

<STYLE type=text/css>.time {

            BEHAVIOR: url(#default#time2)

}

BODY {

            BORDER-RIGHT: #015f01 12px ridge; BORDER-TOP: #015f01 12px ridge; MARGIN: 0px; OVERFLOW: hidden; BORDER-LEFT: #015f01 12px ridge; BORDER-BOTTOM: #015f01 12px ridge

}

</STYLE>

 

<STYLE type=text/css>BODY {

            PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #e1e6e1; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; CURSOR: crosshair; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 100%

}

.DHTMLBOOK {

            BACKGROUND: #f0f1ee; LEFT: 0px; WIDTH: 1000px; POSITION: relative; TOP: 0px; HEIGHT: 600px

}

</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];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>

 

<META content="MSHTML 6.00.6000.16705" 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: #35f0b9; FONT-FAMILY: verdana; POSITION: absolute; TOP: 600px; TEXT-ALIGN: center"></DIV></DIV></DIV>

<DIV id=imgsrc style="VISIBILITY: hidden"><IMG alt=""

src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/1.jpg"> <IMG alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/2.jpg"> <IMG

alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/3.jpg"> <IMG alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/4.jpg">

<IMG alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/5.jpg"> <IMG alt=""

src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/6.jpg"> <IMG alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/7.jpg"> <IMG

alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/8.jpg"><IMG alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/9.jpg">

<IMG alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/10.jpg"> <IMG alt=""

src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/11.jpg"> <IMG alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/12.jpg"> <IMG

alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/13.jpg"> <IMG alt=""

src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/14.jpg"> <IMG alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/15.jpg"> <IMG

alt="" src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/16.jpg"><IMG alt=""

src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/17.jpg"> <IMG alt=""

src="·­Ò³½Å±¾-»ªÉùÒô»­Ñ§ÌÃ_files/18.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: #456; 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></HTML>