用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 相关文章推荐
javascript 清空form表单中某种元素的值
Dec 26 Javascript
javascript面向对象编程(一) 实例代码
Jun 25 Javascript
jQuery学习基础知识小结
Nov 25 Javascript
基于jquery的拖动布局插件
Nov 25 Javascript
MyEclipse取消验证Js的两种方法
Nov 14 Javascript
Node.js开源应用框架HapiJS介绍
Jan 14 Javascript
jQuery树形控件zTree使用小结
Aug 02 Javascript
javascript实现多张图片左右无缝滚动效果
Mar 22 Javascript
解决Linux无法正常安装与卸载Node.js的方法
Jan 19 Javascript
vue+vue-router转场动画的实例代码
Sep 01 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
Sep 06 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 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中一个完整表单处理实现代码
2011/11/10 PHP
PHP+Ajax实现验证码的实时验证
2016/07/20 PHP
php获取数据库中数据的实现方法
2017/06/01 PHP
Laravel Eloquent ORM 多条件查询的例子
2019/10/10 PHP
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
2007/11/30 Javascript
40个新鲜出炉的jQuery 插件和免费教程[上]
2012/07/24 Javascript
Json对象与Json字符串互转(4种转换方式)
2013/03/27 Javascript
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
node.js中的fs.writeSync方法使用说明
2014/12/15 Javascript
JavaScript中window.showModalDialog()用法详解
2014/12/18 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
浅谈Jquery核心函数
2015/06/18 Javascript
jQuery 实现评论等级好评差评特效
2016/05/06 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
2016/06/22 Javascript
JavaScript每天必学之基础知识
2016/09/17 Javascript
React key值的作用和使用详解
2018/08/23 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
javascript实现小型区块链功能
2019/04/03 Javascript
Vue组件之高德地图地址选择功能的实例代码
2019/06/21 Javascript
python实现堆栈与队列的方法
2015/01/15 Python
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
为Python的Tornado框架配置使用Jinja2模板引擎的方法
2016/06/30 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
python调用百度语音REST API
2018/08/30 Python
Python telnet登陆功能实现代码
2020/04/16 Python
python interpolate插值实例
2020/07/06 Python
HTML5 Web 存储详解
2016/09/16 HTML / CSS
伦敦时尚生活的缩影:LN-CC
2017/01/24 全球购物
英国女性化妆品收纳和家具网站:Beautify
2019/12/07 全球购物
Java和Javasciprt的区别
2012/09/02 面试题
C语言变量的命名规则都有哪些
2013/12/27 面试题
重阳节标语大全
2014/10/07 职场文书
房屋过户委托书范本
2014/10/07 职场文书
2014年银行年终工作总结
2014/12/19 职场文书
Golang 入门 之url 包
2022/05/04 Golang