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

5256030

5256030

2016-02-19 09:26

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的用js实现控制内容的向上向下滚动效果,手机电脑控们准备好了吗?一起看过来吧!
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
展开更多 50%)
分享

猜你喜欢

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

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

鼠标放上去则向上向下滚动的代码

Web开发
鼠标放上去则向上向下滚动的代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

js滚动效果

Web开发
js滚动效果

用js实现的抽象CSS圆角效果!!

Web开发
用js实现的抽象CSS圆角效果!!

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用JS实现HTML标签替换效果

Web开发
用JS实现HTML标签替换效果

新闻一段时间向上滚动效果

Web开发
新闻一段时间向上滚动效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Oracle 的入门心得 强烈推荐

Oracle 的入门心得 强烈推荐

深入理解final变量的初始化

深入理解final变量的初始化
下拉加载更多内容 ↓