用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 (八) 插播:jQuery实施方案
Feb 23 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
JS禁用浏览器退格键实现思路及代码
Oct 29 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
Feb 11 Javascript
javascript页面渲染速度测试脚本分享
Apr 15 Javascript
jQuery中toggle()函数的使用实例
Apr 17 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
Sep 05 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
Dec 19 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
May 25 Javascript
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
Aug 24 Javascript
Vue面试题及Vue知识点整理
Oct 07 Javascript
解决layui弹框失效的问题
Sep 09 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
frename PHP 灵活文件命名函数 frename
2009/09/09 PHP
php过滤XSS攻击的函数
2013/11/12 PHP
thinkPHP实现瀑布流的方法
2014/11/29 PHP
php定义一个参数带有默认值的函数实例分析
2015/03/16 PHP
PHP对XML内容进行修改和删除实例代码
2016/10/26 PHP
取得窗口大小 兼容所有浏览器的js代码
2011/08/09 Javascript
详谈 Jquery Ajax异步处理Json数据.
2011/09/09 Javascript
ejs v9 javascript模板系统
2012/03/21 Javascript
从js向Action传中文参数出现乱码问题的解决方法
2013/12/29 Javascript
js动态创建标签示例代码
2014/06/09 Javascript
jQuery实现为控件添加水印文字效果(附源码)
2015/12/02 Javascript
Jquery uploadify上传插件使用详解
2016/01/13 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
2017/01/09 Javascript
手把手搭建安装基于windows的Vue.js运行环境
2017/06/12 Javascript
JS FormData上传文件的设置方法
2017/07/05 Javascript
JavaScript 中使用 Generator的方法
2017/12/29 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
2018/04/28 Javascript
用Node提供静态文件服务的方法
2018/07/06 Javascript
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
Python实现监控程序执行时间并将其写入日志的方法
2015/06/30 Python
python实现爬虫统计学校BBS男女比例(一)
2015/12/31 Python
Python爬虫框架Scrapy基本用法入门教程
2018/07/26 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
Python 3.8 新功能全解
2019/07/25 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
numpy 声明空数组详解
2019/12/05 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
django使用graphql的实例
2020/09/02 Python
英文简历中的自我评价
2013/10/06 职场文书
酒店保安员岗位职责
2014/01/31 职场文书
养成教育经验材料
2014/05/26 职场文书
2015年119消防宣传日活动总结
2015/03/24 职场文书
小学教师师德师风承诺书
2015/04/28 职场文书
2015年档案室工作总结
2015/05/23 职场文书
2015大学迎新标语
2015/07/16 职场文书
电力培训学习心得体会
2016/01/11 职场文书