<HTML><HEAD><TITLE>用代码做翻书效果</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE>BODY {
FONT-WEIGHT: bold; FONT-SIZE: 14pt; MARGIN: 10px 10px 10px 420px; COLOR: #ffffff; FONT-FAMILY: Comic Sans MS; BACKGROUND-COLOR: #ffffff
}
.cube {
BORDER-RIGHT: #ada5cc 1pt solid; BORDER-TOP: #ada5cc 1pt solid; Z-INDEX: -1; FILTER: light(enabled=1); LEFT: -10000px; BORDER-LEFT: #ada5cc 1pt solid; BORDER-BOTTOM: #ada5cc 1pt solid; POSITION: absolute; TOP: 0px
}
</STYLE>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY onload=zyva()>
<SPAN
id=plaatjes><IMG class=cube src="1.gif">
<IMG
class=cube src="2.gif">
<IMG
class=cube src="3.gif">
<IMG
class=cube src="4.gif">
<IMG
class=cube src="5.gif">
<IMG
class=cube src="6.gif">
<IMG
class=cube src="7.gif">
<IMG
class=cube src="8.gif">
<IMG class=cube
src="9.gif">
<IMG class=cube
src="10.gif"> </SPAN>
<SCRIPT language=JavaScript>
with (document.body) {
nx=offsetWidth
ny=offsetHeight
scroll="yes"
}
obj=0;
Haut=400;
Larg=400;
pt=0;
Nbi=0;
z=0
w1=0;
w2=0;
l1=0;
l2=0;
h1=0;
t1=0;
z=0
function mov() {
if(pt%2==0){
i1=obj[pt]
i2=obj[(pt+2)%Nbi]
i1.style.width=w1
i1.style.left=l1+Larg
i1.style.height=h1
if(!z){
z=1
i1.style.top=t1
i1.style.zIndex=2
}
i2.style.width=Larg
i2.style.left=l1+Larg-1
i2.style.height=Haut
i2.style.top=t1
i2.style.zIndex=1
}
else{
i2=obj[pt]
i1=obj[(Nbi+pt-2)%Nbi]
i2.style.width=w2
i2.style.left=l1+w1
i2.style.height=h1
i2.style.top=t1
if(!z){
z=1
i2.style.zIndex=pt+1
i1.style.zIndex=pt
}
}
w1+=-2
w2+=+2
lu1=w1*150/h1
lu2=w2*150/h1
i1.filters(0).Clear()
i1.filters(0).addAmbient (255,255,255,lu1)
i2.filters(0).Clear()
i2.filters(0).addAmbient (255,255,255,lu2)
if(w1<=0){
pt=(pt+1)%Nbi ;w1=w2;w2=0;
i1.style.left=-1000
if(pt%2==0)i1.style.zIndex=-2
z=0
}
}
function zyva() {
obj=plaatjes.all.tags("IMG")
Nbi=obj.length
h1=Haut
t1=10
w1=Larg
l1=10
w2=0
l2=Larg+l1
setTimeout('setInterval("mov()",1)',64)
}
</SCRIPT>
</BODY></HTML>