用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 相关文章推荐
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
学习javascript面向对象 理解javascript对象
Jan 04 Javascript
原生javascript实现自动更新的时间日期
Feb 12 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
3种vue组件的书写形式
Nov 29 Javascript
JS实现图片居中悬浮效果
Dec 25 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
Jan 03 Javascript
element-ui table span-method(行合并)的实现代码
Dec 20 Javascript
Vue.js中的extend绑定节点并显示的方法
Jun 20 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
Nov 19 Javascript
JS实现前端动态分页码代码实例
Jun 02 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下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
PHP实现连接设备、通讯和发送命令的方法
2015/10/13 PHP
CodeIgniter自定义控制器MY_Controller用法分析
2016/01/20 PHP
php实现的顺序线性表示例
2019/05/04 PHP
一个javascript参数的小问题
2008/03/02 Javascript
js中将String转换为number以便比较
2014/07/08 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
escape函数解决js中ajax传递中文出现乱码问题
2014/10/30 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
Express+Nodejs 下的登录拦截实现代码
2017/07/01 NodeJs
vue中的provide/inject的学习使用
2018/05/09 Javascript
一个Vue页面的内存泄露分析详解
2018/06/25 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
2018/08/27 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
2018/09/25 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
2019/02/20 Javascript
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
python实现获取客户机上指定文件并传输到服务器的方法
2015/03/16 Python
Python爬取京东的商品分类与链接
2016/08/26 Python
python导入csv文件出现SyntaxError问题分析
2017/12/15 Python
python 对key为时间的dict排序方法
2018/10/17 Python
Python3实现腾讯云OCR识别
2018/11/27 Python
Python中文编码知识点
2019/02/18 Python
关于不懂Chromedriver如何配置环境变量问题解决方法
2019/06/12 Python
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
庆七一活动方案
2014/01/25 职场文书
土木工程师职业规划范文
2014/03/07 职场文书
英语教师岗位职责
2014/03/16 职场文书
2014年学生会干事工作总结
2014/11/07 职场文书
2019教师的学习计划
2019/06/25 职场文书
浅谈vue2的$refs在vue3组合式API中的替代方法
2021/04/18 Vue.js
Python爬虫基础之初次使用scrapy爬虫实例
2021/06/26 Python
JS数组方法some、every和find的使用详情
2021/10/05 Javascript