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

2016-02-19 09:26 30 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的用js实现控制内容的向上向下滚动效果,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - Web开发 】

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

来源:http://www.tulaoshi.com/n/20160219/1590782.html

延伸阅读
标签: Web开发
记录滚动条位置 dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd...
标签: Web开发
function stripscript(s) {      return s.replace(/script.*?.*?\/script/ig, '');  }  稍微说下,高手飘过 /之间的内容/ 是js正则语句的书写开始与结束 .*?是贪婪的匹配,如果不是贪婪的就是.*匹配任何字符,但用贪婪的就是不包含的内容 /ig 是不区分大小写和全局替换
标签: flash教程
第一步:场景中的元素 因为这一步主要是在场景中加入文字和图片,大家可以下载源文件后用FLASH打开自己研究,这里就不详细介绍各元素的画法了。 点击下载FLA源文件 关于场景中的元素,这里要说清楚的是各个MovieClip(影片剪辑,以下简称mc)的命名,如下图所示(注:这里说的命名,是指把mc放到场景中后在Properties<属性面板中的命名,而不是...
标签: Web开发
网打字效果的带链接的新闻标题 body{font-size:14px;font-weight:bold;} 最新内容: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: 电脑入门
Excel的填充功能,不仅可以使用拖曳的方法自行填充公式或内容,同时,我们还可以使用自动填充的功能,填充上相应的数据或公式! 如果想在N个单元格中填充公式,那么,使用拖动的办法是不科学的,因为数据行太多了。比如,您想在C1到C10000之间,填充上公式,如果使用拖动,那么,就太累了。这个时候,应该使用自动填充功能。 方法如下:先看下...

经验教程

348

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部