利用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 相关文章推荐
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