欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

用js实现控制内容的向上向下滚动效果

程序员文章站 2024-01-11 23:16:00
iens6=document.all||document.getelementbyid...
<script language=javascript1.2>
iens6=document.all||document.getelementbyid
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=10

if (iens6){
document.write('<div id="container" style="position:relative;width:600;height:430;border:0px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:590;left:0;top:0">')
}
</script>
<script language=javascript1.2>
if (iens6)
document.write('</div></div>')
</script>
<script language=javascript1.2>
if (iens6){
var crossobj=document.getelementbyid? document.getelementbyid("content") : document.all.content
var contentheight=crossobj.offsetheight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseint(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseint(crossobj.style.top)-speed
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=settimeout("movedown()",100)
}

function moveup(){
if (iens6&&parseint(crossobj.style.top)<=0)
crossobj.style.top=parseint(crossobj.style.top)+speed
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=settimeout("moveup()",100)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetheight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>