用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 相关文章推荐
javascript下有关dom以及xml节点访问兼容问题
Nov 26 Javascript
jquery提交form表单时禁止重复提交的方法
Feb 13 Javascript
JavaScript数组对象实现增加一个返回随机元素的方法
Jul 27 Javascript
JS实现超简单的鼠标拖动效果
Nov 02 Javascript
webpack+vue.js实现组件化详解
Oct 12 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
Mar 08 Javascript
vue.js中Vue-router 2.0基础实践教程
May 08 Javascript
vue实现打印功能的两种方法
Sep 07 Javascript
一个因@click.stop引发的bug的解决
Jan 08 Javascript
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
JS实现canvas简单小画板功能
Jun 23 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
Aug 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
PHP面向对象之旅:深入理解static变量与方法
2014/01/06 PHP
php数组去除空值函数分享
2015/02/02 PHP
PHP rsa加密解密使用方法
2015/04/27 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
2013/04/24 Javascript
Javascript alert消息换行的方法
2013/08/07 Javascript
JS Loading功能的简单实现
2013/11/29 Javascript
nodejs导出excel的方法
2015/06/30 NodeJs
js实现新浪微博首页效果
2015/10/16 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
2016/01/13 Javascript
Angularjs实现多个页面共享数据的方式
2016/03/29 Javascript
Bootstrap每天必学之弹出框(Popover)插件
2016/04/25 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
简单谈谈axios中的get,post方法
2017/06/25 Javascript
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
vue v-for直接循环数字实例
2019/11/07 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
2020/07/01 Javascript
[01:09:13]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第三场 1月19日
2021/03/11 DOTA
Tensorflow简单验证码识别应用
2017/05/25 Python
Centos下实现安装Python3.6和Python2共存
2018/08/15 Python
Window环境下Scrapy开发环境搭建
2018/11/18 Python
CentOS6.9 Python环境配置(python2.7、pip、virtualenv)
2019/05/06 Python
python单线程下实现多个socket并发过程详解
2019/07/27 Python
使用OpCode绕过Python沙箱的方法详解
2019/09/03 Python
numpy库ndarray多维数组的维度变换方法(reshape、resize、swapaxes、flatten)
2020/04/28 Python
matplotlib之pyplot模块之标题(title()和suptitle())
2021/02/22 Python
Vision Direct比利时:在线订购隐形眼镜
2019/08/27 全球购物
汽车专业人才自我鉴定范文
2013/12/29 职场文书
体育教育毕业生自荐信
2014/06/29 职场文书
房产公证书格式
2015/01/26 职场文书
企业战略合作意向书
2015/05/08 职场文书
幼儿园亲子活动感想
2015/08/07 职场文书
2015年度学校应急管理工作总结
2015/10/22 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
在Windows下安装配置CPU版的PyTorch的方法
2021/04/02 Python
gateway网关接口请求的校验方式
2021/07/15 Java/Android