利用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 相关文章推荐
关于textarea提交的内容无法换行的解决办法
Apr 09 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
May 19 Javascript
jquery中ajax使用error调试错误的方法
Feb 08 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
Mar 02 Javascript
jquery实现多屏多图焦点图切换特效的方法
May 04 Javascript
详谈JS中实现种子随机数及作用
Jul 19 Javascript
jQuery给表格添加分页效果
Mar 02 Javascript
JS实现的简单表单验证功能示例
Oct 13 Javascript
Webpack 之 babel-loader文件预处理器详解
Mar 23 Javascript
微信小程序实现批量倒计时功能
Nov 01 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
JavaScript前端实现压缩图片功能
Mar 06 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
smarty 缓存控制前的页面静态化原理
2013/03/15 PHP
PHP内核探索:变量存储与类型使用说明
2014/01/30 PHP
php获取随机数组列表的方法
2014/11/13 PHP
php的闭包(Closure)匿名函数初探
2016/02/14 PHP
php网页版聊天软件实现代码
2016/08/12 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
无阻塞加载脚本分析[全]
2011/01/20 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
javascript快速排序算法详解
2014/09/17 Javascript
jquery表单验证需要做些什么
2015/11/17 Javascript
bootstrap fileinput 上传插件的基础使用
2017/02/17 Javascript
angular.js+node.js实现下载图片处理详解
2017/03/31 Javascript
bootstrap模态框远程示例代码分享
2017/05/22 Javascript
深入探究AngularJs之$scope对象(作用域)
2017/07/20 Javascript
详解如何用webpack4从零开始构建react开发环境
2019/01/27 Javascript
详解vue中使用微信jssdk
2019/04/19 Javascript
基于Node.js搭建hexo博客过程详解
2019/06/25 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
2020/12/04 Javascript
Python中操作符重载用法分析
2016/04/29 Python
Python基于time模块求程序运行时间的方法
2017/09/18 Python
Python2和Python3中urllib库中urlencode的使用注意事项
2018/11/26 Python
Python基于pandas爬取网页表格数据
2020/05/11 Python
Python正则re模块使用步骤及原理解析
2020/08/18 Python
Html5适配iphoneX刘海屏的简单实现
2019/04/09 HTML / CSS
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
Vans荷兰官方网站:美国南加州的原创极限运动潮牌
2018/01/23 全球购物
Qoo10台湾站:亚洲领先的在线市场
2018/05/15 全球购物
Oakley西班牙官方商店:太阳眼镜和男女运动服
2019/04/26 全球购物
旅游管理实习自我鉴定
2013/09/29 职场文书
半年思想汇报
2013/12/30 职场文书
商务会议邀请函
2014/01/09 职场文书
咖啡店自主创业商业计划书
2014/01/22 职场文书
致垒球运动员加油稿
2014/02/16 职场文书
教学质量评估实施方案
2014/03/17 职场文书
离婚案件上诉状
2015/05/23 职场文书
java泛型通配符详解
2021/07/25 Java/Android