用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 相关文章推荐
谷歌浏览器 insertCell与appendChild的区别
Feb 12 Javascript
JSON为什么那样红为什么要用json(另有洞天)
Dec 26 Javascript
display和visibility的区别示例介绍
Feb 26 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
Jun 19 Javascript
js多个物体运动功能实例分析
Dec 20 Javascript
jQuery实现两个select控件的互移操作
Dec 22 Javascript
在vue组件中使用axios的方法
Mar 16 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
Nov 25 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
Aug 15 Javascript
关于JS解构的5种有趣用法
Sep 05 Javascript
微信小程序实现手指拖动选项排序
Apr 22 Javascript
js瀑布流布局的实现
Jun 28 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-fpm配置详解
2014/02/12 PHP
php计算两个日期时间差(返回年、月、日)
2014/06/19 PHP
ThinkPHP提示错误Fatal error: Allowed memory size的解决方法
2015/02/12 PHP
人脸识别测颜值、测脸龄、测相似度微信接口
2016/04/07 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
jQuery设置div一直在页面顶部显示的方法
2013/10/24 Javascript
JavaScript中三种异步上传文件方式
2016/03/06 Javascript
Bootstrap导航条学习使用(二)
2017/02/08 Javascript
分分钟学会vue中vuex的应用(入门教程)
2017/09/14 Javascript
JS 仿支付宝input文本输入框放大组件的实例
2017/11/14 Javascript
原生JS实现瀑布流插件
2018/02/06 Javascript
react-native android状态栏的实现
2018/06/15 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
2019/10/31 Javascript
详解Django中的ifequal和ifnotequal标签使用
2015/07/16 Python
基于python内置函数与匿名函数详解
2018/01/09 Python
100行python代码实现跳一跳辅助程序
2018/01/15 Python
python实现可逆简单的加密算法
2019/03/22 Python
Python爬取阿拉丁统计信息过程图解
2020/05/12 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
深入剖析webstorage[html5的本地数据处理]
2016/07/11 HTML / CSS
C语言笔试题
2014/09/04 面试题
诺思信科技(南京)有限公司.NET笔试题答案
2013/07/06 面试题
高中生毕业自我鉴定范文
2013/12/22 职场文书
英语专业毕业生自荐信范文
2013/12/31 职场文书
《云房子》教学反思
2014/04/20 职场文书
党员检讨书
2014/10/13 职场文书
明星邀请函
2015/02/02 职场文书
物业工程部岗位职责
2015/02/11 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
浅谈如何提高PHP代码的质量
2021/05/28 PHP
python 网络编程要点总结
2021/06/18 Python
SpringBoot2零基础到精通之数据与页面响应
2022/03/22 Java/Android
Java存储没有重复元素的数组
2022/04/29 Java/Android