翻书效果的代码

彩彩 · 发表于 2008-10-24 21:48

[ 本帖最后由彩彩于 2008-10-24 21:52 编辑 ]

彩彩 · 发表于 2008-10-24 21:49

<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="http://bbs.9degree.com/UploadFile/2007-3/2007391443899997.gif">
<IMG
class=cube src="http://bbs.9degree.com/UploadFile/2007-3/200739148057866.gif">
<IMG
class=cube src="http://bbs.9degree.com/UploadFile/2007-3/200738933850686.gif">
<IMG
class=cube src="http://bbs.9degree.com/UploadFile/2007-3/20073913313213048.gif">
<IMG
class=cube src="http://bbs.9degree.com/UploadFile/2007-3/200731516241022671.gif">
<IMG
class=cube src="http://bbs.9degree.com/UploadFile/2007-3/200731516225539541.gif">
<IMG
class=cube src="http://bbs.9degree.com/UploadFile/2007-3/20073714475537035.gif">
<IMG
class=cube src="http://bbs.9degree.com/UploadFile/2007-3/20073810195595363.gif">
<IMG class=cube
src="http://bbs.9degree.com/UploadFile/2007-3/20073713464780343.gif">
<IMG class=cube
src="http://bbs.9degree.com/UploadFile/2007-3/2007371331799816.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>