用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乱码与contentType属性设置问题解决方案
Jan 07 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
Dec 29 Javascript
innerHTML中标签可以换行的方法汇总
Aug 14 Javascript
浅谈jQuery添加的HTML,JS失效的问题
Oct 05 Javascript
js实现固定宽高滑动轮播图效果
Jan 13 Javascript
self.attachevent is not a function的解决方法
Apr 04 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
js实现点击按钮复制文本功能
Jul 20 Javascript
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
JS实现动态生成html table表格的方法分析
Jul 11 Javascript
从零使用TypeScript开发项目打包发布到npm
Feb 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
PHP 获取ip地址代码汇总
2015/07/05 PHP
php对象工厂类完整示例
2018/08/09 PHP
win7 wamp 64位 php环境开启curl服务遇到的问题及解决方法
2018/09/16 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
javascript 控制 html元素 显示/隐藏实现代码
2009/09/01 Javascript
Ubuntu 11.10 安装Node.js的方法
2011/11/30 Javascript
js验证电话号码与手机支持+86的正则表达式
2014/01/23 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
JavaScript父子窗体间的调用方法
2015/03/31 Javascript
js操作css属性实现div层展开关闭效果的方法
2015/05/11 Javascript
Backbone.js的Hello World程序实例
2015/06/19 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
Angular.js基础学习之初始化
2017/03/10 Javascript
微信小程序如何获取openid及用户信息
2018/01/26 Javascript
全站最详细的Vuex教程
2018/04/13 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
2018/08/08 jQuery
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
简单实现vue中的依赖收集与响应的方法
2019/02/18 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
2019/05/30 jQuery
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
使用Python编写一个简单的tic-tac-toe游戏的教程
2015/04/16 Python
Python导入模块时遇到的错误分析
2017/08/30 Python
利用pyinstaller将py文件打包为exe的方法
2018/05/14 Python
对Python 窗体(tkinter)树状数据(Treeview)详解
2018/10/11 Python
python 发送json数据操作实例分析
2019/10/15 Python
css3 伪类选择器快速复习小结
2019/09/10 HTML / CSS
美国名牌太阳镜折扣网站:Eyedictive
2017/05/15 全球购物
彪马加拿大官网:PUMA加拿大
2018/10/04 全球购物
护士求职自荐信范文
2014/03/19 职场文书
计算机毕业生自荐信范文
2014/03/23 职场文书
2014年国庆节庆祝建国65周年比赛演讲稿
2014/09/21 职场文书
借款民事起诉状范文
2015/05/19 职场文书
毕业论文答辩演讲稿
2015/06/23 职场文书
Oracle查看表空间使用率以及爆满解决方案详解
2022/07/23 Oracle
spring boot实现文件上传
2022/08/14 Java/Android