利用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 相关文章推荐
jQuery可见性过滤器:hidden和:visibility用法实例
Jun 24 Javascript
JavaScript模块规范之AMD规范和CMD规范
Oct 27 Javascript
jQuery Real Person验证码插件防止表单自动提交
Nov 06 Javascript
JavaScript为事件句柄绑定监听函数实例详解
Dec 15 Javascript
AngularJS模块学习之Anchor Scroll
Jan 19 Javascript
原生JS和jQuery版实现文件上传功能
Apr 18 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
Apr 01 Javascript
vue.js移动端tab组件的封装实践实例
Jun 30 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
Aug 17 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
Jan 22 Javascript
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
vue子传父关于.sync与$emit的实现
Nov 05 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一句话cmdshell新型 (非一句话木马)
2009/04/18 PHP
解析htaccess伪静态的规则
2013/06/18 PHP
php结合md5实现的加密解密方法
2016/01/25 PHP
php compact 通过变量创建数组
2016/11/15 PHP
PHP数组中头部和尾部添加元素的方法(array_unshift,array_push)
2017/04/10 PHP
基于PHP实现发微博动态代码实例
2020/12/11 PHP
extjs之去除s.gif的影响
2010/12/25 Javascript
JavaScript使用yield模拟多线程的方法
2015/03/19 Javascript
js图片轮播特效代码分享
2015/09/07 Javascript
微信小程序后台解密用户数据实例详解
2017/06/28 Javascript
Angular.js中$resource高大上的数据交互详解
2017/07/30 Javascript
webpack多页面开发实践
2017/12/18 Javascript
Vue.js 动态为img的src赋值方法
2018/03/14 Javascript
小程序绑定用户方案优化小结
2019/05/15 Javascript
Vue实现导航栏菜单
2020/08/19 Javascript
基于python 字符编码的理解
2017/09/02 Python
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
Django项目开发中cookies和session的常用操作分析
2018/07/03 Python
关于python中密码加盐的学习体会小结
2019/07/15 Python
python爬虫 猫眼电影和电影天堂数据csv和mysql存储过程解析
2019/09/05 Python
python实现人机五子棋
2020/03/25 Python
Python matplotlib图例放在外侧保存时显示不完整问题解决
2020/07/28 Python
python获取时间戳的实现示例(10位和13位)
2020/09/23 Python
3D动画《斗罗大陆》上线当日播放过亿
2021/03/16 国漫
基于CSS3实现立方体自转效果
2016/03/01 HTML / CSS
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
日本乐天官方海外转运服务:Rakuten Global Express
2018/11/30 全球购物
String和StringBuffer的区别
2015/08/13 面试题
毕业学生推荐信
2013/12/01 职场文书
餐饮主管岗位职责
2013/12/10 职场文书
单位单身证明范本
2014/01/11 职场文书
高中英语教学反思
2014/02/04 职场文书
思想品德课教学反思
2014/02/10 职场文书
幼儿园六一儿童节活动方案
2014/08/26 职场文书
HTML中的表格元素介绍
2022/02/28 HTML / CSS
redis 解决库存并发问题实现数量控制
2022/04/08 Redis