编程 Javascript

利用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脚本实现滚屏效果的方法

- Author -

goldensun

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 模仿vbs中的 DateAdd() 函数的代码

Aug 13 Javascript

JQuery SELECT单选模拟jQuery.select.js

Nov 12 Javascript

Raphael一个用于在网页中绘制矢量图形的Javascript库

Jan 08 Javascript

jQuery登陆判断简单实现代码

Apr 21 Javascript

Javascript中this关键字的一些小知识

Mar 15 Javascript

浅谈DOCTYPE对$(window).height()取值的影响

Jul 21 Javascript

javascript中的 object 和 function小结

Aug 14 Javascript

jQuery查找节点并获取节点属性的方法

Sep 09 Javascript

js取0-9随机取4个数不重复的数字代码实例

Mar 27 Javascript

axios封装，使用拦截器统一处理接口，超详细的教程（推荐）

May 02 Javascript

解决vue的过渡动画无法正常实现问题

Oct 31 Javascript

如何制作自己的原生JavaScript路由

May 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

安装APACHE

2007/01/15 PHP

PHP漏洞全解(详细介绍)

2012/11/13 PHP

PHP魔术方法__GET、__SET使用实例

2014/11/25 PHP

PHP中Cookie的使用详解(简单易懂)

2017/04/28 PHP

Yii2框架redis基本应用示例

2018/07/13 PHP

一文看懂PHP进程管理器php-fpm

2020/06/01 PHP

基于jquery的仿百度搜索框效果代码

2011/04/11 Javascript

深入理解JavaScript中的传值与传引用

2013/12/09 Javascript

JQuery工具函数汇总

2015/06/15 Javascript

谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法

2015/12/03 Javascript

WebGL利用FBO完成立方体贴图效果完整实例(附demo源码下载)

2016/01/26 Javascript

网页中右键功能的实现方法之contextMenu的使用

2017/02/20 Javascript

js每隔两秒输出数组中的一项(实例)

2017/05/28 Javascript

JavaScript中使用参数个数实现重载功能

2017/09/01 Javascript

JS获取数组中出现次数最多及第二多元素的方法

2017/10/27 Javascript

使用Angular CLI进行Build(构建)和Serve详解

2018/03/24 Javascript

AngularJS实现动态切换样式的方法分析

2018/06/26 Javascript

基于vue 实现表单中password输入的显示与隐藏功能

2019/07/19 Javascript

中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)

2019/09/23 Javascript

JavaScript基于面向对象实现的无缝滚动轮播示例

2020/01/17 Javascript

jquery向后台提交数组的代码分析

2020/02/20 jQuery

微信小程序scroll-view点击项自动居中效果的实现

2020/03/25 Javascript

JS+css3实现幻灯片轮播图

2020/08/14 Javascript

在Django的视图(View)外使用Session的方法

2015/07/23 Python

Python二进制串转换为通用字符串的方法

2018/07/23 Python

基于python实现高速视频传输程序

2019/05/05 Python

Python用5行代码实现批量抠图的示例代码

2020/04/14 Python

Python3.7将普通图片(png)转换为SVG图片格式(网站logo图标)动起来

2020/04/21 Python

日本必酷网络直营店：Biccamera

2019/03/23 全球购物

大学毕业生文采飞扬的自我鉴定

2013/12/03 职场文书

会计专业个人自我鉴定

2014/03/21 职场文书

合作协议书范本

2014/04/17 职场文书

充分就业社区汇报材料

2014/05/07 职场文书

2015年共青团工作总结

2015/05/15 职场文书

熟背这些句子，让您的英语口语突飞猛进（135句）

2019/09/06 职场文书

nginx 配置指令之location使用详解

2022/05/25 Servers