用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抽奖实现随机抽奖代码效果
Dec 02 Javascript
javascript类型转换示例
Apr 29 Javascript
javascript去除字符串左右两端的空格
Feb 05 Javascript
jQuery中slideUp 和 slideDown 的点击事件
Feb 26 Javascript
JQuery工具函数汇总
Jun 15 Javascript
window.location.reload 刷新使用分析(去对话框)
Nov 11 Javascript
javascript中new关键字详解
Dec 14 Javascript
jQuery组件easyui对话框实现代码
Aug 25 Javascript
微信小程序调用PHP后台接口 解析纯html文本
Jun 13 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
Sep 02 Javascript
Vue3.0中的monorepo管理模式的实现
Oct 14 Javascript
javascript异常处理实现原理详解
Feb 17 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通用检测函数集合
2006/11/25 PHP
laravel withCount 统计关联数量的方法
2019/10/10 PHP
javascript读取xml
2006/11/04 Javascript
javaScript call 函数的用法说明
2010/04/09 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
各种页面定时跳转(倒计时跳转)代码总结
2013/10/24 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
jquery.validate 自定义验证方法及validate相关参数
2016/01/18 Javascript
使用json来定义函数,在里面可以定义多个函数的实现方法
2016/10/28 Javascript
Javascript 制作图形验证码实例详解
2016/12/22 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
2017/11/27 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
2018/08/06 Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
2020/05/28 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
解决Mac安装scrapy失败的问题
2018/06/13 Python
Flask入门之上传文件到服务器的方法示例
2018/07/18 Python
使用python 打开文件并做匹配处理的实例
2019/01/02 Python
详解pandas如何去掉、过滤数据集中的某些值或者某些行?
2019/05/15 Python
如何使用Python多线程测试并发漏洞
2019/12/18 Python
Python关键字及可变参数*args,**kw原理解析
2020/04/04 Python
python matplotlib.pyplot.plot()参数用法
2020/04/14 Python
pytorch SENet实现案例
2020/06/24 Python
使用CSS3中的calc()属性来以算式表达尺寸数值
2016/06/06 HTML / CSS
联想加拿大官方网站:Lenovo Canada
2018/04/05 全球购物
美国Curacao百货连锁店网站:iCuracao.com
2019/07/20 全球购物
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
物流专业大学生的自我鉴定
2013/11/13 职场文书
七年级音乐教学反思
2014/01/26 职场文书
GMP办公室主任岗位职责
2014/03/14 职场文书
推荐信格式要求
2014/05/09 职场文书
2019最新婚庆对联集锦!
2019/07/10 职场文书
排查并解决Oracle sysaux表空间异常增长
2022/04/20 Oracle
Python写情书? 10行代码展示如何把情书写在她的照片里
2022/04/21 Python
JavaScript实现音乐播放器
2022/08/14 Javascript