利用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 相关文章推荐
js 页面传参数时 参数值含特殊字符的问题
Dec 13 Javascript
一个js的tab切换效果代码[代码分离]
Apr 11 Javascript
javascript五图轮播切换实用版
Aug 17 Javascript
让你的博客飘雪花超出屏幕依然看得见
Jan 04 Javascript
基于Jquery代码实现手风琴菜单
Nov 19 Javascript
javascript中不易分清的slice,splice和split三个函数
Mar 29 Javascript
JavaScript数据结构中栈的应用之表达式求值问题详解
Apr 11 Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
基于vue v-for 循环复选框-默认勾选第一个的实现方法
Mar 03 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
May 22 Javascript
详解Vue webapp项目通过HBulider打包原生APP
Jun 29 Javascript
详解webpack自定义loader初探
Aug 29 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并发访问实例代码
2012/09/06 PHP
JS异常处理try..catch语句的作用和实例
2014/05/05 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
如何用javascript去掉字符串里的所有空格
2007/02/08 Javascript
一个简单的JavaScript数据缓存系统实现代码
2010/10/24 Javascript
js弹出模式对话框,并接收回传值的方法
2013/03/12 Javascript
常见表单重复提交问题整理及解决方法
2013/11/13 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
javascript鼠标滑过显示二级菜单特效
2020/11/18 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
详解django模板与vue.js冲突问题
2019/07/07 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
2020/03/07 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
jQuery编写QQ简易聊天框
2020/08/27 jQuery
Python基于sftp及rsa密匙实现远程拷贝文件的方法
2016/09/21 Python
python如何将多个PDF进行合并
2019/08/13 Python
python pycharm最新版本激活码(永久有效)附python安装教程
2020/09/18 Python
python破解同事的压缩包密码
2020/10/14 Python
AC Lens:购买隐形眼镜
2017/02/26 全球购物
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2014/01/19 面试题
Linux的文件类型
2012/03/07 面试题
化工专业推荐信范文
2013/11/28 职场文书
奶茶店创业计划书范文
2014/01/17 职场文书
教师党员承诺书
2014/03/25 职场文书
公共场所禁烟标语
2014/06/25 职场文书
师德师风培训感言
2015/08/03 职场文书
党风廉政承诺书2016
2016/03/25 职场文书
《合作意向书》怎么写?
2019/08/20 职场文书
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电
原生JS实现分页
2022/04/19 Javascript
python神经网络 使用Keras构建RNN训练
2022/05/04 Python