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


Posted in Javascript onJune 26, 2007

<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>

Javascript 相关文章推荐
Jquery选择器 $实现原理
Dec 02 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
Feb 11 Javascript
javascript使用正则控制input输入框允许输入的值方法大全
Jun 19 Javascript
使用jQuery实现星级评分代码分享
Dec 09 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
Oct 20 Javascript
Bootstrap开发实战之第一次接触Bootstrap
Jun 02 Javascript
javascript 定时器工作原理分析
Dec 03 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
使用vue构建移动应用实战代码
Aug 02 Javascript
实现一个简单得数据响应系统
Nov 11 Javascript
JS前端可扩展的低代码UI框架Sunmao使用详解
Jul 23 Javascript
脚本安需导入(装载)的三种模式的对比
Jun 24 #Javascript
Javascript注入技巧
Jun 22 #Javascript
Stop SQL Server
Jun 21 #Javascript
用jscript启动sqlserver
Jun 21 #Javascript
List all the Databases on a SQL Server
Jun 21 #Javascript
Display SQL Server Version Information
Jun 21 #Javascript
Display SQL Server Login Mode
Jun 21 #Javascript
You might like
基于PHP读取TXT文件向数据库导入海量数据的方法
2013/04/23 PHP
php后门URL的防范
2013/11/12 PHP
50个PHP程序性能优化的方法
2014/06/02 PHP
php常见的魔术方法详解
2014/12/25 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
Javascript 日期对象Date扩展方法
2009/05/30 Javascript
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
判断JS对象是否拥有某属性的方法推荐
2016/05/12 Javascript
关于JavaScript 原型链的一点个人理解
2016/07/31 Javascript
js完整倒计时代码分享
2016/09/18 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
JavaScript 基础表单验证示例(纯Js实现)
2017/07/20 Javascript
浅谈vue 锚点指令v-anchor的使用
2019/11/13 Javascript
原生JavaScript实现滑动拖动验证的示例代码
2019/12/06 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
2020/02/07 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
[03:03]2014DOTA2国际邀请赛 EG战队专访
2014/07/12 DOTA
进一步理解Python中的函数编程
2015/04/13 Python
在Python中使用mongoengine操作MongoDB教程
2015/04/24 Python
django数据库migrate失败的解决方法解析
2018/02/08 Python
python3 tkinter实现点击一个按钮跳出另一个窗口的方法
2019/06/13 Python
Python中栈、队列与优先级队列的实现方法
2019/06/30 Python
pycharm永久激活超详细教程
2020/10/29 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
美国工业用品采购网站:Zoro.com
2020/10/27 全球购物
区优秀教师事迹材料
2014/02/10 职场文书
经贸韩语专业大学生职业规划
2014/02/14 职场文书
初中班主任评语
2014/04/24 职场文书
十佳护士先进事迹
2014/05/08 职场文书
经销商年会策划方案
2014/05/29 职场文书
2016高一新生军训心得体会
2016/01/11 职场文书
同学联谊会邀请函
2019/06/24 职场文书
2019秋季运动会口号
2019/06/25 职场文书
详解Java线程池是如何重复利用空闲线程的
2021/06/26 Java/Android
MySQL慢查询优化解决问题
2022/03/17 MySQL