利用JavaScript脚本实现滚屏效果的方法


Posted in Javascript onJuly 07, 2015

许多制作网页的朋友常常制作公告板、信息窗,也经常为了实现整版页面和图像的滚屏显示而烦恼,不用着急,这里有一个简单的方法来实现滚屏显示。我们没有采用Java的.class程序来实现,也不是动态DHTML语言,只是充分地利用了JavaScript脚本语言的一些函数,写一些简短的JavaScript脚本语言就可实现这一功能。

 

原代码如下:

<html>

<head>


<script language="Javascript">


<!--//防止错误显示


locate=0;


function my_scroller()


{


 if (locate !=400 )


{


 locate++;//值增加


 scroll(0,locate);


 clearTimeout(timer);


 var timer = setTimeout("my_scroller()",2);//控制滚动时间


 timer;


}


}


 -->


</script>


</head>


<body OnLoad="my_scroller()">


作者简介:<br><br>


崔同杰男<br><br>武警工程学院计算机中心<br><br>


张卫华男<br><br>武警工程学院研究生队<br><br><br><br><br>


<br><br><br><br><br><br>


联系地址:<br><br>


陕西西安武警工程学院计算机中心<br><br>崔同杰<br><br></body>


</html>

可以通过改动Locate的值来控制显示页面的长度(原代码为Locate!=400);可修改“SetTimeout(“Scroller()”,2);”中的“2”来改变滚动速度。您可分别做一些调整试试。程序写完保存后需在PII+PWS4.0+IE5平台上调试通过。

简单吗?赶快去试试吧。

Javascript 相关文章推荐
学习js所必须要知道的一些
Mar 07 Javascript
Extjs学习笔记之三 extjs form更多的表单项
Jan 07 Javascript
基于jquery1.4.2的仿flash超炫焦点图播放效果
Apr 20 Javascript
23个Javascript弹出窗口特效整理
Feb 25 Javascript
用JavaScript实现使用鼠标画线的示例代码
Aug 19 Javascript
js实现同一页面多个运动效果的方法
Apr 10 Javascript
JSON字符串转换JSONObject和JSONArray的方法
Jun 03 Javascript
vue component组件使用方法详解
Jul 14 Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 Javascript
ES6中数组array新增方法实例总结
Nov 07 Javascript
JS+Canvas绘制动态时钟效果
Nov 10 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
Feb 21 Javascript
JavaScript编写连连看小游戏
Jul 07 #Javascript
使用JavaScript制作一个简单的计数器的方法
Jul 07 #Javascript
JavaScript编写推箱子游戏
Jul 07 #Javascript
使用JavaScript实现连续滚动字幕效果的方法
Jul 07 #Javascript
理解JavaScript的变量的入门教程
Jul 07 #Javascript
Javascript编写俄罗斯方块思路及实例
Jul 07 #Javascript
javascript实现控制div颜色
Jul 07 #Javascript
You might like
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
js限制文本框为整数和货币的函数代码
2010/10/13 Javascript
javaScript复制功能调用实现方案
2012/12/13 Javascript
jquery乱码与contentType属性设置问题解决方案
2013/01/07 Javascript
Javascript玩转继承(一)
2014/05/08 Javascript
jquery 实现返回顶部功能
2014/11/17 Javascript
浅谈Javascript线程及定时机制
2015/07/02 Javascript
javascript瀑布流布局实现方法详解
2016/02/17 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
2016/06/30 Javascript
JS for循环中i++ 和 ++i的区别介绍
2016/07/20 Javascript
详解VUE 定义全局变量的几种实现方式
2017/06/01 Javascript
关于vue.js组件数据流的问题
2017/07/26 Javascript
JavaScript中Hoisting详解 (变量提升与函数声明提升)
2017/08/18 Javascript
VsCode新建VueJs项目的详细步骤
2017/09/23 Javascript
移动端效果之IndexList详解
2017/10/20 Javascript
使用vue-router设置每个页面的title方法
2018/02/11 Javascript
JavaScript异步操作的几种常见处理方法实例总结
2020/05/11 Javascript
vue flex 布局实现div均分自动换行的示例代码
2020/08/05 Javascript
python获取android设备的GPS信息脚本分享
2015/03/06 Python
Python中的lstrip()方法使用简介
2015/05/19 Python
python 爬取微信文章
2016/01/30 Python
Python中摘要算法MD5,SHA1简介及应用实例代码
2018/01/09 Python
python实现机器学习之元线性回归
2018/09/06 Python
使用python制作游戏下载进度条的代码(程序说明见注释)
2019/10/24 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
Python文件时间操作步骤代码详解
2020/04/13 Python
python怎么删除缓存文件
2020/07/19 Python
Michael Kors澳大利亚官网:世界知名的奢侈饰品和成衣设计师
2020/02/13 全球购物
党员干部2014全国两会学习心得体会
2014/03/10 职场文书
综治宣传月活动总结
2014/04/28 职场文书
合伙开公司协议书范本
2014/10/28 职场文书
优秀教师申报材料
2014/12/16 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android