利用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 相关文章推荐
JQuery 动态扩展对象之另类视角
May 25 Javascript
jQuery 选择器项目实例分析及实现代码
Dec 28 Javascript
jquery简单实现滚动条下拉DIV固定在头部不动
Nov 25 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
Vue.js组件tabs实现选项卡切换效果
Dec 01 Javascript
IntersectionObserver API 详解篇
Dec 11 Javascript
微信小程序实战之轮播图(3)
Apr 17 Javascript
基于AngularJS的简单使用详解
Sep 10 Javascript
javascript数组拍平方法总结
Jan 20 Javascript
JavaScript设计模式之工厂模式简单实例教程
Jul 03 Javascript
浅析vue插槽和作用域插槽的理解
Apr 22 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
May 07 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数据库操作方法(MYSQL版)
2011/06/08 PHP
解析CI即CodeIgniter框架在Nginx下的重写规则
2013/06/03 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
PHP扩展开发教程(总结)
2015/11/04 PHP
PHP实现的观察者模式实例
2017/06/21 PHP
Laravel中批量赋值Mass-Assignment的真正含义详解
2017/09/29 PHP
php判断电子邮件是否正确方法
2018/12/04 PHP
PHP使用ajax的post方式下载excel文件简单示例
2019/08/06 PHP
你需要知道的JavsScript可以做什么?
2007/06/29 Javascript
javascript原始值和对象引用实例分析
2015/04/25 Javascript
浅谈JavaScript中变量和函数声明的提升
2016/08/09 Javascript
自动化测试读写64位操作系统的注册表
2016/08/15 Javascript
angular.JS实现网页禁用调试、复制和剪切
2017/03/31 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
[00:56]跨越时空加入战场 全新祈求者身心“失落奇艺侍祭”展示
2019/07/20 DOTA
用Python设计一个经典小游戏
2017/05/15 Python
用Python实现随机森林算法的示例
2017/08/24 Python
Python网络编程之TCP与UDP协议套接字用法示例
2018/02/02 Python
python函数装饰器之带参数的函数和带参数的装饰器用法示例
2019/11/06 Python
多个python文件调用logging模块报错误
2020/02/12 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
HTML5探秘:用requestAnimationFrame优化Web动画
2018/06/03 HTML / CSS
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
马来西亚最好的婴儿商店:Motherhood
2017/09/14 全球购物
介绍Java的内部类
2012/10/27 面试题
师范生教师实习自我鉴定
2013/09/27 职场文书
销售自我评价
2013/10/22 职场文书
新郎父亲婚宴答谢词
2014/01/11 职场文书
篝火晚会主持词
2014/03/25 职场文书
物业管理工作方案
2014/05/10 职场文书
大班上学期个人总结
2015/02/13 职场文书
员工工作心得体会
2019/05/07 职场文书
Python入门之使用pandas分析excel数据
2021/05/12 Python
React如何创建组件
2021/06/27 Javascript
MySQL数据库如何给表设置约束详解
2022/03/13 MySQL