利用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 相关文章推荐
JavaScript 对象成员的可见性说明
Oct 16 Javascript
jQuery插件 tabBox实现代码
Feb 09 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
Jul 06 Javascript
jQuery qrcode生成二维码的方法
Apr 03 Javascript
javascript实现列表切换效果
May 02 Javascript
javaScript如何跳出多重循环break、continue
Sep 01 Javascript
Vue和Bootstrap的整合思路详解
Jun 30 Javascript
Vue表单控件绑定图文详解
Feb 11 Javascript
socket在egg中的使用实例代码详解
May 30 Javascript
jquery树形插件zTree高级使用详解
Aug 16 jQuery
JavaScript进制转换实现方法解析
Jan 18 Javascript
VsCode里的Vue模板的实现
Aug 12 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学习之PHP运算符
2006/10/09 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
PHP自定义大小验证码的方法详解
2013/06/07 PHP
PHP加Nginx实现动态裁剪图片方案
2014/03/10 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
jquery load事件(callback/data)使用方法及注意事项
2013/02/06 Javascript
JS 数字转换研究总结
2013/12/26 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
轻松创建nodejs服务器(6):作出响应
2014/12/18 NodeJs
JavaScript中的getDay()方法使用详解
2015/06/09 Javascript
jquery显示loading图片直到网页加载完成的方法
2015/06/25 Javascript
有关json_decode乱码及NULL的问题
2015/10/13 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
原生js的RSA和AES加密解密算法
2016/10/08 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
javascript简单写的判断电话号码实例
2017/05/24 Javascript
解决vue router使用 history 模式刷新后404问题
2017/07/19 Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
2019/09/19 Javascript
vue.js watch经常失效的场景与解决方案
2021/01/07 Vue.js
[03:08]Ti4观战指南上
2014/07/07 DOTA
pymongo给mongodb创建索引的简单实现方法
2015/05/06 Python
Python扩展内置类型详解
2018/03/26 Python
python简易远程控制单线程版
2018/06/20 Python
python 读写文件,按行修改文件的方法
2018/07/12 Python
有关Python的22个编程技巧
2018/08/29 Python
Python使用itchat模块实现群聊转发,自动回复功能示例
2019/08/26 Python
Python 共享变量加锁、释放详解
2019/08/28 Python
python中p-value的实现方式
2019/12/16 Python
法国时尚童装网站:Melijoe
2016/08/10 全球购物
英国助听器购物网站:Hearing Direct
2018/08/21 全球购物
房地产财务管理制度
2014/02/02 职场文书
《陋室铭》教学反思
2014/02/26 职场文书
葬礼司仪主持词
2014/03/31 职场文书
社区戒毒工作方案
2014/06/04 职场文书
七夕相亲活动策划方案
2014/08/31 职场文书
五四青年节比赛演讲稿
2015/03/18 职场文书