用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 相关文章推荐
js计数器代码
Nov 04 Javascript
用AJAX返回HTML片段中的JavaScript脚本
Jan 04 Javascript
基于jquery实现漂亮的动态信息提示效果
Aug 02 Javascript
JavaScript计划任务后台运行的方法
Dec 18 Javascript
bootstrap实现弹窗和拖动效果
Jan 03 Javascript
jQuery遍历DOM节点操作之filter()方法详解
Apr 14 Javascript
原生JS实现九宫格抽奖效果
Apr 01 Javascript
ReactNative短信验证码倒计时控件的实现代码
Jul 20 Javascript
node使用promise替代回调函数
May 07 Javascript
JS关于刷新页面的相关总结
May 09 Javascript
详解vue中组件参数
Jul 09 Javascript
webpack打包优化的几个方法总结
Feb 10 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
关于文本留言本的分页代码
2006/10/09 PHP
使用eAccelerator加密PHP程序
2008/10/03 PHP
php学习之数据类型之间的转换介绍
2011/06/09 PHP
JavaScript Undefined,Null类型和NaN值区别
2008/10/22 Javascript
让ie6也支持websocket采用flash封装实现
2013/02/18 Javascript
checkbox全选所涉及到的知识点介绍
2013/12/31 Javascript
jquery检测input checked 控件是否被选中的方法
2014/03/26 Javascript
JQuery EasyUI 数字格式化处理示例
2014/05/05 Javascript
JS中prototype的用法实例分析
2015/03/19 Javascript
JavaScript实现彩虹文字效果的方法
2015/04/16 Javascript
使用JavaScript刷新网页的方法
2015/06/04 Javascript
AngularJs 国际化(I18n/L10n)详解
2016/09/01 Javascript
利用VUE框架,实现列表分页功能示例代码
2017/01/12 Javascript
简单谈谈js的数据类型
2017/09/25 Javascript
实现div内部滚动条滚动到底部和顶部的代码
2017/11/15 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
vue自定义全局共用函数详解
2018/09/18 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
关于JS模块化的知识点分享
2019/10/16 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
2019/12/16 Javascript
[04:40]2016个国际邀请赛中国区预选赛场地——华西村观战指南
2016/06/25 DOTA
Python实现返回数组中第i小元素的方法示例
2017/12/04 Python
Python 调用PIL库失败的解决方法
2019/01/08 Python
python实现微信自动回复及批量添加好友功能
2019/07/03 Python
django框架中ajax的使用及避开CSRF 验证的方式详解
2019/12/11 Python
win10系统下python3安装及pip换源和使用教程
2020/01/06 Python
django 模版关闭转义方式
2020/05/14 Python
实习自荐信
2013/10/13 职场文书
一年级数学教学反思
2014/02/01 职场文书
六个一活动实施方案
2014/03/21 职场文书
个人安全生产承诺书
2014/05/22 职场文书
社区娱乐活动方案
2014/08/21 职场文书
幼师求职自荐信
2015/03/26 职场文书
安全责任协议书范本
2016/03/23 职场文书
JS实现扫雷项目总结
2021/05/19 Javascript
Go gRPC进阶教程gRPC转换HTTP
2022/06/16 Golang