用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 EasyUI 开源插件套装 完全替代ExtJS
Mar 24 Javascript
javascript getElementsByClassName实现代码
Oct 11 Javascript
js取滚动条的尺寸的函数代码
Nov 30 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
Dec 17 Javascript
js动态添加删除,后台取数据(示例代码)
Nov 25 Javascript
window.open()详解及浏览器兼容性问题示例探讨
May 29 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
Angular 2父子组件数据传递之@Input和@Output详解(下)
Jul 05 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
Oct 27 jQuery
微信小程序多音频播放进度条问题
Aug 28 Javascript
js canvas画布实现高斯模糊效果
Nov 27 Javascript
0基础学习前端开发的一些建议
Jul 14 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
重置版战役片段
2020/04/09 魔兽争霸
PHP MSSQL 存储过程的方法
2008/12/24 PHP
一个PHP缓存类代码(附详细说明)
2011/06/09 PHP
php判断输入是否是纯数字,英文,汉字的方法
2015/03/05 PHP
Yii2针对游客、用户防范规则和限制的解决方法分析
2016/10/08 PHP
PHP执行shell脚本运行程序不产生core文件的方法
2016/12/28 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
PHP项目多语言配置平台实现过程解析
2020/05/18 PHP
Flash+XML滚动新闻代码 无图片 附源码下载
2007/11/22 Javascript
日期 时间js控件
2009/05/07 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
DIV菜单层实现代码
2010/11/19 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
2011/04/06 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
javascript常用方法总结
2015/05/14 Javascript
js 开发之autocomplete=&quot;off&quot;在chrom中失效的解决办法
2017/09/28 Javascript
jQuery实现回到顶部效果
2020/10/19 jQuery
在Python的Bottle框架中使用微信API的示例
2015/04/23 Python
浅析Python中MySQLdb的事务处理功能
2016/09/21 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
如何用python写一个简单的词法分析器
2018/12/18 Python
python切片(获取一个子列表(数组))详解
2019/08/09 Python
python如何编写类似nmap的扫描工具
2020/11/06 Python
爱尔兰橄榄球店:Irish Rugby Store
2019/12/05 全球购物
九年级数学教学反思
2014/02/02 职场文书
聚美优品励志广告词
2014/03/14 职场文书
寒假家长评语大全
2014/04/16 职场文书
质监局领导班子对照检查材料思想汇报
2014/09/27 职场文书
教师党员个人自我剖析材料
2014/09/29 职场文书
认错检讨书
2014/10/02 职场文书
房产协议书范本
2014/10/18 职场文书
优秀教师工作总结2015
2015/07/22 职场文书
入党宣誓大会后的感想
2015/08/10 职场文书
2016幼儿园中班开学寄语
2015/12/03 职场文书
SqlServer数据库远程连接案例教程
2021/07/15 SQL Server