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

js创建对象的几种常用方式小结(推荐)

Oct 24 Javascript

使用js 设置url参数

Jul 08 Javascript

JavaScript类属性的访问方式详解

Feb 11 Javascript

js模拟C#中List的简单实例

Mar 06 Javascript

js，jquery滚动/跳转页面到指定位置的实现思路

Jun 03 Javascript

JQuery判断checkbox是否选中及其它复选框操作方法合集

Jun 01 Javascript

Bootstrap实现弹性搜索框

Jul 11 Javascript

nuxt+axios解决前后端分离SSR的示例代码

Oct 24 Javascript

JavaScript中使用import 和require打包后实现原理分析

Mar 07 Javascript

详解Vue中使用Echarts的两种方式

Jul 03 Javascript

详解微信小程序胶囊按钮返回|首页自定义导航栏功能

Jun 14 Javascript

Vue的生命周期一起来看看

Feb 24 Vue.js

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

第四节--构造函数和析构函数

2006/11/16 PHP

同台服务器使用缓存APC效率高于Memcached的演示代码

2010/02/16 PHP

PHP中获取时间的下一周下个月的方法

2014/03/18 PHP

PHP中UNIX时间戳和日期间的转换与计算实例

2014/11/19 PHP

laravel 配置路由 api和web定义的路由的区别详解

2019/09/03 PHP

Javascript----文件操作

2007/01/18 Javascript

关于使用runtimeStyle属性问题讨论文章

2007/03/08 Javascript

ExtJs纵坐标值重复问题的解决方法

2014/02/27 Javascript

JQuery表格拖动调整列宽效果(自己动手写的)

2014/09/01 Javascript

在Ubuntu系统上安装Ghost博客平台的教程

2015/06/17 Javascript

JS表格组件神器bootstrap table详解（基础版）

2015/12/08 Javascript

Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析

2016/01/18 Javascript

基于WebUploader的文件上传js插件

2016/08/19 Javascript

使用JavaScript触发过渡效果的方法

2017/01/19 Javascript

JavaScript获取ul中li个数的方法

2017/02/13 Javascript

vue-cli脚手架config目录下index.js配置文件的方法

2018/03/13 Javascript

vue中beforeRouteLeave实现页面回退不刷新的示例代码

2019/11/01 Javascript

Node.js控制台彩色输出的方法与原理实例详解

2019/12/01 Javascript

如何构建 vue-ssr 项目的方法步骤

2020/08/04 Javascript

linux下安装easy_install的方法

2013/02/10 Python

Python使用requests提交HTTP表单的方法

2018/12/26 Python

基于Python在MacOS上安装robotframework-ride

2018/12/28 Python

python 实现二维列表转置

2019/12/02 Python

python中文分词库jieba使用方法详解

2020/02/11 Python

python实现梯度法 python最速下降法

2020/03/24 Python

Python语法垃圾回收机制原理解析

2020/03/25 Python

关于python tushare Tkinter构建的简单股票可视化查询系统（Beta v0.13）

2020/10/19 Python

HTML5 Canvas 起步(1) - 基本概念

2009/05/12 HTML / CSS

html5清空画布方法（三种）

2017/10/16 HTML / CSS

html5关于外链嵌入页面通信问题(postMessage解决跨域通信)

2020/07/20 HTML / CSS

Timex手表官网：美国运动休闲手表品牌

2017/01/28 全球购物

乡村教师党员四风问题对照检查材料思想汇报

2014/10/08 职场文书

关于工作经历的证明书

2014/10/11 职场文书

内勤岗位职责范本

2015/04/13 职场文书

525心理健康活动总结

2015/05/08 职场文书

2016小学教师读书心得体会

2016/01/13 职场文书