用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的网页SELECT下拉框美化代码
Oct 28 Javascript
一个JavaScript变量声明的知识点
Oct 28 Javascript
jQuery如何使用自动触发事件trigger
Nov 29 Javascript
简要了解jQuery移动web开发的响应式布局设计
Dec 04 Javascript
深入理解Java线程编程中的阻塞队列容器
Dec 07 Javascript
jQuery利用sort对DOM元素进行排序操作
Nov 07 Javascript
详解jQuery简单的表单应用
Dec 16 Javascript
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
Aug 20 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
Sep 12 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
Dec 24 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
mysql总结之explain
2012/02/27 PHP
微信公众平台网页授权获取用户基本信息中授权回调域名设置的变动
2014/10/21 PHP
php实现用于删除整个目录的递归函数
2015/03/16 PHP
CI框架支持$_GET的两种实现方法
2016/05/18 PHP
php数组函数array_walk用法示例
2016/05/26 PHP
php获取linux命令结果的实例
2017/03/13 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
PHP文件后缀不强制为.php方法
2019/03/31 PHP
Yii 框架使用数据库(databases)的方法示例
2020/05/19 PHP
Extjs入门之动态加载树代码
2010/04/09 Javascript
基于js disabled=&quot;false&quot;不起作用的解决办法
2013/06/26 Javascript
屏蔽相应键盘按钮操作
2014/03/10 Javascript
JavaScript支持的最大递归调用次数分析
2014/06/24 Javascript
基于JavaScript FileReader上传图片显示本地链接
2016/05/27 Javascript
JS输出空格的简单实现方法
2016/09/08 Javascript
ES6新特性之字符串的扩展实例分析
2017/04/01 Javascript
JavaScript使用readAsDataURL读取图像文件
2017/05/10 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
Python多线程同步Lock、RLock、Semaphore、Event实例
2014/11/21 Python
九步学会Python装饰器
2015/05/09 Python
python 获取utc时间转化为本地时间的方法
2018/12/31 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
Django form表单与请求的生命周期步骤详解
2020/06/07 Python
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
自我鉴定三原则
2014/01/13 职场文书
《晏子使楚》教学反思
2014/02/08 职场文书
2014年绿化工作总结
2014/12/09 职场文书
500字小学生检讨书
2015/02/19 职场文书
GoLang中生成UUID唯一标识的实现
2021/05/08 Golang
Python实现滑雪小游戏
2021/09/25 Python
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript