用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对select的增、删、改、查操作
Feb 06 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
jQuery简单实现tab选项卡切换效果
Jun 20 Javascript
微信小程序 石头剪刀布实例代码
Jan 04 Javascript
谈谈Vue.js——vue-resource全攻略
Jan 16 Javascript
JS中setTimeout和setInterval的最大延时值详解
Feb 13 Javascript
vue系列之动态路由详解【原创】
Sep 10 Javascript
实例分析js事件循环机制
Dec 13 Javascript
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
详解Vue This$Store总结
Dec 17 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
Apr 04 Javascript
使用layui实现树形结构的方法
Sep 20 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调用三种数据库的方法(2)
2006/10/09 PHP
PHP 抓取新浪读书频道的小说并生成txt电子书的代码
2009/12/18 PHP
php中判断字符串是否全是中文或含有中文的实现代码
2011/09/16 PHP
显示程序执行时间php函数代码
2013/08/29 PHP
PHP array_key_exists检查键名或索引是否存在于数组中的实现方法
2016/06/13 PHP
浅谈php处理后端&amp;接口访问超时的解决方法
2016/10/29 PHP
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
2009/10/24 Javascript
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
2010/01/15 Javascript
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
javascript面向对象之共享成员属性与方法及prototype关键字用法
2015/01/13 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
JS实现页面进入和返回定位到具体位置
2016/12/08 Javascript
layui表格实现代码
2017/05/20 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
2017/11/06 Javascript
一个基于react的图片裁剪组件示例
2018/04/18 Javascript
vue 移动端注入骨架屏的配置方法
2019/06/25 Javascript
详解vue 命名视图
2019/08/14 Javascript
VUE和Antv G6实现在线拓扑图编辑操作
2020/10/28 Javascript
[01:48:04]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第一场 2月7日
2021/03/11 DOTA
为Python程序添加图形化界面的教程
2015/04/29 Python
利用Python破解验证码实例详解
2016/12/08 Python
python编程线性回归代码示例
2017/12/07 Python
python 正确保留多位小数的实例
2018/07/16 Python
python实现自动网页截图并裁剪图片
2018/07/30 Python
pytorch下大型数据集(大型图片)的导入方式
2020/01/08 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
python中remove函数的踩坑记录
2021/01/04 Python
Levi’s美国官网:美国著名的牛仔裤品牌
2016/08/19 全球购物
塑料制成的可水洗的编织平底鞋和鞋子:Rothy’s
2018/09/16 全球购物
迎新生晚会主持词
2015/06/30 职场文书
初中语文教学反思范文
2016/03/03 职场文书
WordPress多语言翻译插件 - WPML使用教程
2021/04/01 PHP
VUE使用draggable实现组件拖拽
2022/04/06 Vue.js
Java 超详细讲解十大排序算法面试无忧
2022/04/08 Java/Android
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技