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

filemanage功能中用到的lib.js

Apr 08 Javascript

javascript据option的value值快速设定初始的selected选项

Aug 13 Javascript

js wmp操作代码小结(音乐连播功能)

Nov 08 Javascript

extjs实现选择多表自定义查询功能前台部分(ext源码)

Dec 20 Javascript

JavaScript中的return语句简单介绍

Dec 07 Javascript

JavaScript+html5 canvas实现本地截图教程

Apr 16 Javascript

JS生成某个范围的随机数【四种情况详解】

Apr 20 Javascript

使用plupload自定义参数实现多文件上传

Jul 19 Javascript

详解angular中的作用域及继承

May 31 Javascript

vue中keep-alive的用法及问题描述

May 15 Javascript

vue图片上传组件使用详解

Dec 23 Javascript

详解vue v-model

Aug 31 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环境配置 php5 mysql5 apache2 phpmyadmin安装与配置

2006/11/17 PHP

一步一步学习PHP(3) php 函数

2010/02/15 PHP

php入门学习知识点一 PHP与MYSql连接与查询

2011/07/14 PHP

php图片上传类附调用方法

2016/05/15 PHP

php 自定义错误日志实例详解

2016/11/12 PHP

基于Jquery代码实现支持PC端手机端幻灯片代码

2015/11/17 Javascript

基于JavaScript实现网页切出网站title变化代码

2016/04/03 Javascript

js HTML5多图片上传及预览实例解析（不含前端的文件分割）

2016/08/26 Javascript

Dropzone.js实现文件拖拽上传功能(附源码下载)

2016/11/22 Javascript

JavaScript仿百度图片浏览效果

2016/11/23 Javascript

node.js学习之交互式解释器REPL详解

2016/12/08 Javascript

js实现键盘自动打字效果

2016/12/23 Javascript

vue2.0嵌套路由实现豆瓣电影分页功能(附demo)

2017/03/13 Javascript

ES6新特性之变量和字符串用法示例

2017/04/01 Javascript

微信小程序开发入门基础教程

2017/04/19 Javascript

详解通过JSON数据使用VUE.JS

2017/05/26 Javascript

Webpack打包css后z-index被重新计算的解决方法

2017/06/18 Javascript

关于jquery layui弹出层的使用方法

2018/04/21 jQuery

axios实现文件上传并获取进度

2020/03/25 Javascript

详解vue中多个有顺序要求的异步操作处理

2019/10/29 Javascript

axios封装与传参示例详解

2020/10/18 Javascript

[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS

2014/05/22 DOTA

一篇不错的Python入门教程

2007/02/08 Python

简单理解Python中基于生成器的状态机

2015/04/13 Python

python实现对excel进行数据剔除操作实例

2017/12/07 Python

numpy找出array中的最大值,最小值实例

2018/04/03 Python

Django 创建新App及其常用命令的实现方法

2019/08/04 Python

pytorch:model.train和model.eval用法及区别详解

2020/02/20 Python

使用python 计算百分位数实现数据分箱代码

2020/03/03 Python

使用css3制作动感导航条示例

2014/01/26 HTML / CSS

CSS书写规范、顺序和命名规则

2014/03/06 HTML / CSS

艺术设计专业个人求职信

2014/04/10 职场文书

用python开发一款操作MySQL的小工具

2021/05/12 Python

Java 超详细讲解数据结构中的堆的应用

2022/04/02 Java/Android

MyBatis配置文件解析与MyBatis实例演示

2022/04/07 Java/Android

python使用shell脚本创建kafka连接器

2022/04/29 Python