利用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 相关文章推荐
Extjs TriggerField在弹出窗口显示不出问题的解决方法
Jan 08 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
Nov 28 Javascript
jQuery定义背景动态切换效果的方法
Mar 23 Javascript
JS获取表格内指定单元格html内容的方法
Mar 31 Javascript
JavaScript基本语法学习教程
Jan 14 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
Jan 31 Javascript
Winform客户端向web地址传参接收参数的方法
May 17 Javascript
如何判断Javascript对象是否存在的简单实例
May 18 Javascript
JS简单实现禁止访问某个页面的方法
Sep 13 Javascript
js实现简易拖拽的示例
Oct 26 Javascript
uni-app 微信小程序授权登录的实现步骤
Feb 18 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设计模式 State (状态模式)
2011/06/26 PHP
PHP自毁程序(慎用)
2015/07/09 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
PHP 计算两个特别大的整数实例代码
2018/05/07 PHP
PHP快速排序算法实现的原理及代码详解
2019/04/03 PHP
模拟jQuery ajax服务器端与客户端通信的代码
2011/03/28 Javascript
document.write()及其输出内容的样式、位置控制
2013/08/12 Javascript
js转义字符介绍
2013/11/05 Javascript
Javascript事件实例详解
2013/11/06 Javascript
AngularJS入门教程之学习环境搭建
2014/12/06 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
JavaScript的Number对象的toString()方法
2015/12/18 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
2017/03/14 Javascript
重新理解JavaScript的六种继承方式
2017/03/24 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
React-Native中props具体使用详解
2017/09/04 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
2017/11/06 Javascript
爬虫利器Puppeteer实战
2019/01/09 Javascript
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
详解vue 组件的实现原理
2020/11/12 Javascript
typescript编写微信小程序创建项目的方法
2021/01/29 Javascript
Python使用正则表达式获取网页中所需要的信息
2018/01/29 Python
Python 通过requests实现腾讯新闻抓取爬虫的方法
2019/02/22 Python
python使用pandas处理大数据节省内存技巧(推荐)
2019/05/05 Python
用pycharm开发django项目示例代码
2019/06/13 Python
python调用摄像头的示例代码
2020/09/28 Python
教你一分钟在win10终端成功安装Pytorch的方法步骤
2021/01/28 Python
CSS中越界问题的经典解决方案【推荐】
2016/04/19 HTML / CSS
CSS 3.0 结合video视频实现的创意开幕效果
2020/06/01 HTML / CSS
英国领先的鞋类零售商和顶级品牌的官方零售商:Wynsors
2020/02/17 全球购物
PHP中如何创建和修改数组
2012/05/02 面试题
十岁生日同学答谢词
2014/01/19 职场文书
爱国卫生月实施方案
2014/02/21 职场文书
沈阳故宫导游词
2015/01/31 职场文书
测量员岗位职责
2015/02/14 职场文书
检讨书格式
2019/04/25 职场文书