用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不同页面传值的改进版
Sep 30 Javascript
js window.onload 加载多个函数的方法
Nov 02 Javascript
jQuery库与其他JS库冲突的解决办法
Feb 07 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
Nov 23 Javascript
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
Jun 19 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
JS+Canvas 实现下雨下雪效果
May 18 Javascript
JavaScript判断数字是否为质数的方法汇总
Jun 02 Javascript
JS实现购物车特效
Feb 02 Javascript
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
解析JS在获取当前月的最后一天遇到的坑
Aug 30 Javascript
echarts浮动显示单位的实现方法示例
Dec 04 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函数解决SQL injection
2006/10/09 PHP
将OICQ数据转成MYSQL数据
2006/10/09 PHP
php字符串截取问题
2006/11/28 PHP
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
one.php 多项目、函数库、类库 统一为一个版本的方法
2020/08/24 PHP
jQuery中Dom的基本操作小结
2014/01/23 Javascript
使用jquery.upload.js实现异步上传示例代码
2014/07/29 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
2015/08/26 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
2016/08/04 Javascript
node.js实现微信JS-API封装接口的示例代码
2017/09/06 Javascript
javascript删除数组元素的七个方法示例
2019/09/09 Javascript
微信小程序开发搜索功能实现(前端+后端+数据库)
2020/03/04 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Anaconda2 5.2.0安装使用图文教程
2018/09/19 Python
对python Tkinter Text的用法详解
2018/10/11 Python
对python中xlsx,csv以及json文件的相互转化方法详解
2018/12/25 Python
完美解决Python matplotlib绘图时汉字显示不正常的问题
2019/01/29 Python
python+os根据文件名自动生成文本
2019/03/21 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
python logging日志模块原理及操作解析
2019/10/12 Python
python生成特定分布数的实例
2019/12/05 Python
Django Form and ModelForm的区别与使用
2019/12/06 Python
python 实现保存最新的三份文件,其余的都删掉
2019/12/22 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
利用python汇总统计多张Excel
2020/09/22 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
CSS3 制作绽放的莲花采用效果叠加实现
2013/01/31 HTML / CSS
基于Jquery和Css3代码制作可以缩放的搜索框
2015/11/19 HTML / CSS
StubHub智利:购买和出售您的门票
2016/11/23 全球购物
七一党建活动方案
2014/01/28 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
小学生手册家长评语
2014/04/16 职场文书
我爱家乡演讲稿
2014/09/12 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
2016党性教育学习心得体会
2016/01/21 职场文书