利用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 相关文章推荐
HTML5附件拖拽上传drop &amp; google.gears实现代码
Apr 28 Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
谈谈JavaScript自定义回调函数
Oct 18 Javascript
有关Promises异步问题详解
Nov 13 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
Jul 22 Javascript
jQuery插件WebUploader实现文件上传
Nov 07 Javascript
原生JS和jQuery操作DOM对比总结
Jan 19 Javascript
基于JSONP原理解析(推荐)
Dec 04 Javascript
浅谈vue.use()方法从源码到使用
May 12 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
vue中父子组件传值,解决钩子函数mounted只运行一次的操作
Jul 27 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
PHP6新特性分析
2016/03/03 PHP
PHP MSSQL 分页实例
2016/04/13 PHP
PHP的mysqli_rollback()函数讲解
2019/01/23 PHP
jquery下onpropertychange事件的绑定方法
2010/08/01 Javascript
jQuery实现的一个自定义Placeholder属性插件
2014/08/11 Javascript
javascript简单实现滑动菜单效果的方法
2015/07/27 Javascript
简介alert()与console.log()的不同
2015/08/26 Javascript
理解JavaScript表单的基础知识
2016/01/25 Javascript
jQuery+css实现的换页标签栏效果
2016/01/27 Javascript
JS未跨域操作iframe里的DOM
2016/06/01 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
Vue 自定义动态组件实例详解
2018/03/28 Javascript
深入浅析Vue 中 ref 的使用
2019/04/29 Javascript
vue element 中的table动态渲染实现(动态表头)
2019/11/21 Javascript
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
Vue实现背景更换颜色操作
2020/07/17 Javascript
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
[00:08]DOTA2勇士令状等级奖励“天外飞星”
2019/05/24 DOTA
haskell实现多线程服务器实例代码
2013/11/26 Python
python爬虫 爬取超清壁纸代码实例
2019/08/16 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
pytorch使用 to 进行类型转换方式
2020/01/08 Python
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
明信片寄语大全
2014/04/08 职场文书
《天安门广场》教学反思
2014/04/23 职场文书
大学生优秀班干部事迹材料
2014/05/26 职场文书
科学育儿宣传标语
2014/10/08 职场文书
民主评议党员工作总结
2014/10/20 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
2016年“我们的节日·清明节”活动总结
2016/04/01 职场文书
Windows Server 2012 R2 磁盘分区教程
2022/04/29 Servers
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android
SQLyog的下载、安装、破解、配置教程(MySQL可视化工具安装)
2022/09/23 MySQL