利用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控制显示隐藏兼容问题(IE6、IE7、IE8)
Apr 01 Javascript
JS实现自适应高度表单文本框的方法
Feb 25 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
总结javascript中的六种迭代器
Aug 16 Javascript
jQuery实现的图片轮播效果完整示例
Sep 12 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
BootStrap数据表格实例代码
Sep 13 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
Aug 22 Javascript
Vue的watch和computed方法的使用及区别介绍
Sep 06 Javascript
vue-router传参用法详解
Jan 19 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
May 22 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
基于mysql的论坛(2)
2006/10/09 PHP
php开发工具之vs2005图解
2008/01/12 PHP
隐性调用php程序的方法
2009/03/09 PHP
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
分享一段PHP制作的中文拼音首字母工具类
2014/12/11 PHP
jQuery 方法大全方便学习参考
2010/02/25 Javascript
jquery图片放大功能简单实现
2013/08/01 Javascript
javascript自定义函数参数传递为字符串格式
2014/07/29 Javascript
jQuery on()方法使用技巧详解
2015/04/16 Javascript
详解Javascript事件驱动编程
2016/01/03 Javascript
详解javascript事件冒泡
2016/01/09 Javascript
Jquery中map函数的用法
2016/06/03 Javascript
window.open不被拦截的简单实现代码(推荐)
2016/08/04 Javascript
详解AngularJS验证、过滤器、指令
2017/01/04 Javascript
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
vue与TypeScript集成配置最简教程(推荐)
2017/10/17 Javascript
js精确的加减乘除实例
2017/11/14 Javascript
Vue引入jquery实现平滑滚动到指定位置
2018/05/09 jQuery
javascript深拷贝、浅拷贝和循环引用深入理解
2018/05/27 Javascript
Vuex 快速入门(简单易懂)
2018/09/20 Javascript
利用Webpack实现小程序多项目管理的方法
2019/02/25 Javascript
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
layui实现数据表格自定义数据项
2019/10/26 Javascript
[00:13]天涯墨客二技能展示
2018/08/25 DOTA
[02:08]2018年度CS GO枪械皮肤设计大赛优秀作者-完美盛典
2018/12/16 DOTA
Python中使用bidict模块双向字典结构的奇技淫巧
2016/07/12 Python
python找出因数与质因数的方法
2019/07/25 Python
python getpass实现密文实例详解
2019/09/24 Python
python模块如何查看
2020/06/16 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
css3 border-radius属性详解
2017/07/05 HTML / CSS
定制iPhone和Macbook保护壳:Slick Case
2018/11/21 全球购物
离婚协议书怎么写
2014/09/12 职场文书
团拜会主持词
2015/07/04 职场文书
高中优秀作文(范文)
2019/08/15 职场文书
mysql 8.0.24 安装配置方法图文教程
2021/05/12 MySQL