이 글의 예에서는 js를 사용하여 웹페이지 창을 중앙에서 위아래로 확장하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.
가운데부터 시작해서 천천히 위아래로 펼쳐지는 페이지 표시 효과입니다. 코드는 다음과 같습니다.
js는 가운데 확장된 웹 창에 표시됩니다
<스타일>
스타일>
머리>
<스크립트 언어="JavaScript1.2">
var 속도=20
var temp=new 배열()
var temp2=새 배열()
if (document.layers){
(i=1;i
temp[i]=eval("document.i" i ".clip")
temp2[i]=eval("document.i" i)
임시[i].width=window.innerWidth
온도[i].height=window.innerHeight/2
temp2[i].top=(i-1)*temp[i].height
}
}
else if (document.all){
var clipsbottom=document.body.offsetHeight/2,cliptop=0
(i=1;i
temp[i]=eval("document.all.i" i ".style")
임시[i].width=document.body.clientWidth
임시[i].height=document.body.offsetHeight/2
temp[i].top=(i-1)*parseInt(temp[i].height)
}
}
함수 openit(){
window.scrollTo(0,0)
if (document.layers){
온도[1].bottom-=속도
temp[2].top =속도
if (temp[1].bottom<=0)
클리어 인터벌(중지)
}
else if (document.all){
클립하단-=속도
temp[1].clip="Rect(0 auto "clipbottom " 0)"
클립탑 =속도
temp[2].clip="Rect("cliptop " 자동 자동)"
if (clipbottom<=0)
클리어 인터벌(중지)
}
}
함수 gogo(){
stopit=setInterval("openit()",100)
}
고고()
본문>