编程 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 相关文章推荐

childNodes.length与children.length的区别

May 14 Javascript

Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

Nov 14 Javascript

原生js仿jq判断当前浏览器是否为ie,精确到ie6~8

Aug 30 Javascript

node.js中的http.response.end方法使用说明

Dec 14 Javascript

javascript顺序加载图片的方法

Jul 18 Javascript

ajax分页效果（bootstrap模态框）

Jan 23 Javascript

JavaScript运动框架链式运动到完美运动（五）

May 18 Javascript

CSS3+JavaScript实现翻页幻灯片效果

Jun 28 Javascript

js指定步长实现单方向匀速运动

Jul 17 Javascript

使用cookie绕过验证码登录的实现代码

Oct 12 Javascript

JavaScript事件冒泡与事件捕获实例分析

Aug 01 Javascript

javascript防抖函数debounce详解

Jun 11 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 截取字符串并以零补齐str_pad() 函数

2011/05/07 PHP

php排序算法(冒泡排序,快速排序)

2012/10/09 PHP

php处理单文件、多文件上传代码分享

2016/08/24 PHP

Laravel基础-关于引入公共文件的两种方式

2019/10/18 PHP

PHP 实现链式操作

2021/03/09 PHP

帮助避免错误的Javascript陷阱清单

2009/05/31 Javascript

JavaScript类和继承 prototype属性

2010/09/03 Javascript

js hover 定时器(实例代码)

2013/11/12 Javascript

Js使用WScript.Shell对象执行.bat文件和cmd命令

2014/12/18 Javascript

如何判断Javascript对象是否存在的简单实例

2016/05/18 Javascript

jQuery实现的右下角广告窗体跟随效果示例

2016/09/16 Javascript

DropDownList控件绑定数据源的三种方法

2016/12/24 Javascript

AngularJS 中的数据源的循环输出

2017/10/12 Javascript

Vuex 进阶之模块化组织详解

2018/01/12 Javascript

Vue中的无限加载vue-infinite-loading的方法

2018/04/08 Javascript

基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍

2018/08/24 Javascript

使用VUE+iView+.Net Core上传图片的方法示例

2019/01/04 Javascript

layui实现form表单同时提交数据和文件的代码

2019/10/25 Javascript

使用p5.js临摹动态图片

2019/11/04 Javascript

webpack+vue.js构建前端工程化的详细教程

2020/05/10 Javascript

解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题

2020/07/28 Javascript

matplotlib.pyplot画图图片的二进制流的获取方法

2018/05/24 Python

浅谈Python2、Python3相对路径、绝对路径导入方法

2018/06/22 Python

pymysql的简单封装代码实例

2020/01/08 Python

python 命名规范知识点汇总

2020/02/14 Python

简单的命令查看安装的python版本号

2020/08/28 Python

python爬虫快速响应服务器的做法

2020/11/24 Python

高档奢华时装在线目的地：FORWARD by elyse walker

2017/10/16 全球购物

美国知名的旅游网站：OneTravel

2018/10/09 全球购物

C#中有没有静态构造函数，如果有是做什么用的？

2016/06/04 面试题

简短大学毕业感言

2014/01/18 职场文书

幼儿园见习报告范文

2014/10/30 职场文书

画展邀请函

2015/01/31 职场文书

2015年语言文字工作总结

2015/07/23 职场文书

HTML5来实现本地文件读取和写入的实现方法

2021/05/25 HTML / CSS

Java 深入探究讲解简单工厂模式

2022/04/07 Java/Android