用js实现控制内容的向上向下滚动效果
用js实现控制内容的向上向下滚动效果
发布时间:2016-12-30 来源:查字典编辑
摘要:iens6=document.all||document.getElementByIdns4=document.layers//specif...

<SCRIPTlanguage=JavaScript1.2>

iens6=document.all||document.getElementById

ns4=document.layers

//specifyspeedofscroll(greater=faster)

varspeed=10

if(iens6){

document.write('<divid="container"style="position:relative;width:600;height:430;border:0pxsolidblack;overflow:hidden">')

document.write('<divid="content"style="position:absolute;width:590;left:0;top:0">')

}

</SCRIPT>

<SCRIPTlanguage=JavaScript1.2>

if(iens6)

document.write('</div></div>')

</SCRIPT>

<SCRIPTlanguage=JavaScript1.2>

if(iens6){

varcrossobj=document.getElementById?document.getElementById("content"):document.all.content

varcontentheight=crossobj.offsetHeight

}

elseif(ns4){

varcrossobj=document.nscontainer.document.nscontent

varcontentheight=crossobj.clip.height

}

functionmovedown(){

if(iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))

crossobj.style.top=parseInt(crossobj.style.top)-speed

elseif(ns4&&crossobj.top>=(contentheight*(-1)+100))

crossobj.top-=speed

movedownvar=setTimeout("movedown()",100)

}

functionmoveup(){

if(iens6&&parseInt(crossobj.style.top)<=0)

crossobj.style.top=parseInt(crossobj.style.top)+speed

elseif(ns4&&crossobj.top<=0)

crossobj.top+=speed

moveupvar=setTimeout("moveup()",100)

}

functiongetcontent_height(){

if(iens6)

contentheight=crossobj.offsetHeight

elseif(ns4)

document.nscontainer.document.nscontent.visibility="show"

}

window.onload=getcontent_height

</SCRIPT>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类