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

2016-02-19 09:26 26 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

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

延伸阅读
在Visual Basic中,可以通过程序使文本框控件中的内容进行滚 动,而不用等待用户单击滚动条控件。通过使用Windows API的SendMe ssage函数,可以将一个或多个滚动消息发送给系统,由此来实现上述 功能。 在文本框控件中滚动 在下面的样例程序中,连接到Left命令按钮上的代码将文本框中 的内容向左移动一个字符的位置。当用户单击了文本...
标签: 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需刷新才能执行]
标签: Web开发
很酷的连接提示效果 之间--> 网页特效 这是个不错的网站 教程下载 很好的下载站点,速度快 程序源码 编程爱好者的乐园 文章教程 这里有Delphi的好东东 中国软件 程序员必看 刷新一次,再看看效果。有好几种哦 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

经验教程

812

收藏

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