用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 html()等方法介绍
Nov 18 Javascript
javascript实现div的显示和隐藏的小例子
Jun 25 Javascript
JavaScript中constructor()方法的使用简介
Jun 05 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
Feb 29 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
老生常谈jquery中detach()和remove()的区别
Mar 02 Javascript
AngularJs 常用的过滤器
May 15 Javascript
微信小程序 如何引入外部字体库iconfont的图标
Jan 31 Javascript
Vue兼容ie9的问题全面解决方案
Jun 19 Javascript
React事件处理的机制及原理
Dec 03 Javascript
在vue中动态添加class类进行显示隐藏实例
Nov 09 Javascript
vue3.0中setup使用(两种用法)
Dec 02 Vue.js
脚本安需导入(装载)的三种模式的对比
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
阿拉伯的咖啡与水烟
2021/03/03 咖啡文化
修改了一个很不错的php验证码(支持中文)
2007/02/14 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
PHP函数func_num_args用法实例分析
2015/12/07 PHP
JavaScript中的排序算法代码
2011/02/22 Javascript
jQuery EasyUI datagrid实现本地分页的方法
2015/02/13 Javascript
EasyUI中datagrid在ie下reload失败解决方案
2015/03/09 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
jQuery实现模拟flash头像裁切上传功能示例
2016/12/11 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
vue实现打印功能的两种方法
2018/09/07 Javascript
javascript canvas封装动态时钟
2020/09/30 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
Python多线程编程(七):使用Condition实现复杂同步
2015/04/05 Python
django 2.0更新的10条注意事项总结
2018/01/05 Python
Python实现连接两个无规则列表后删除重复元素并升序排序的方法
2018/02/05 Python
Linux下Pycharm、Anaconda环境配置及使用踩坑
2018/12/19 Python
OpenCV HSV颜色识别及HSV基本颜色分量范围
2019/03/22 Python
django Admin文档生成器使用详解
2019/07/22 Python
python利用re,bs4,requests模块获取股票数据
2019/07/29 Python
python json.dumps() json.dump()的区别详解
2020/07/14 Python
HTML5 用动画的表现形式装载图像
2016/03/08 HTML / CSS
编写html5时调试发现脚本php等网页js、css等失效
2013/12/31 HTML / CSS
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
美丽的珠宝配饰:SmallThings
2019/09/04 全球购物
LINUX下线程,GDI类的解释
2016/12/14 面试题
成人大专自我鉴定范文
2013/10/19 职场文书
师德师风自我评价范文
2014/09/11 职场文书
技能培训通讯稿
2015/07/18 职场文书
教学反思怎么写
2016/02/24 职场文书
2016年大学生党员公开承诺书
2016/03/24 职场文书
2019年教师节活动策划方案
2019/09/09 职场文书
golang import自定义包方式
2021/04/29 Golang
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis
css清除浮动clearfix:after的用法详解(附完整代码)
2023/05/21 HTML / CSS