> 웹 프론트엔드 > JS 튜토리얼 > js를 사용하여 content_form 특수 효과 제어의 위아래 스크롤 효과 실현

js를 사용하여 content_form 특수 효과 제어의 위아래 스크롤 효과 실현

WBOY
풀어 주다: 2016-05-16 19:12:03
원래의
1124명이 탐색했습니다.


<script> <BR>iens6=document.all||document.getElementById <BR>ns4=document.layers <br><br>//specify speed of scroll (greater=faster) <BR>var speed=10 <br><br>if (iens6){ <BR>document.write('<div id="container" style="position:relative;width:600;height:430;border:0px solid black;overflow:hidden">') <BR>document.write('<div id="content" style="position:absolute;width:590;left:0;top:0">') <BR>} <BR></script><script> <BR>if (iens6) <BR>document.write('') <BR></script><script> <BR>if (iens6){ <BR>var crossobj=document.getElementById? document.getElementById("content") : document.all.content <BR>var contentheight=crossobj.offsetHeight <BR>} <BR>else if (ns4){ <BR>var crossobj=document.nscontainer.document.nscontent <BR>var contentheight=crossobj.clip.height <BR>} <br><br>function movedown(){ <BR>if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100)) <BR>crossobj.style.top=parseInt(crossobj.style.top)-speed <BR>else if (ns4&&crossobj.top>=(contentheight*(-1)+100)) <BR>crossobj.top-=speed <BR>movedownvar=setTimeout("movedown()",100) <BR>} <br><br>function moveup(){ <BR>if (iens6&&parseInt(crossobj.style.top)<=0) <BR>crossobj.style.top=parseInt(crossobj.style.top)+speed <BR>else if (ns4&&crossobj.top<=0) <BR>crossobj.top+=speed <BR>moveupvar=setTimeout("moveup()",100) <br><br>} <br><br>function getcontent_height(){ <BR>if (iens6) <BR>contentheight=crossobj.offsetHeight <BR>else if (ns4) <BR>document.nscontainer.document.nscontent.visibility="show" <BR>} <BR>window.onload=getcontent_height <BR></script>
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿