利用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 相关文章推荐
Mootools 1.2教程 类(一)
Sep 15 Javascript
通过JS 获取Mouse Position(鼠标坐标)的代码
Sep 21 Javascript
用jquery ajax获取网站Alexa排名的代码
Dec 12 Javascript
js显示时间 js显示最后修改时间
Jan 02 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
Dec 02 Javascript
Bootstrap3制作搜索框样式的方法
Jul 11 Javascript
编写React组件项目实践分析
Mar 04 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
vue.js中toast用法及使用toast弹框的实例代码
Aug 27 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
Dec 14 Javascript
js中null与空字符串&quot;&quot;的区别讲解
Jan 17 Javascript
JS实现炫酷雪花飘落效果
Aug 19 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生成条形图的方法
2014/12/10 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
jquery animate 动画效果使用说明
2009/11/04 Javascript
使用JavaScript switch case 另类写法
2010/03/14 Javascript
jQuery Selector选择器小结
2010/05/06 Javascript
javascript奇异的arguments分析
2010/10/20 Javascript
自定义jQuery选项卡插件实例
2013/03/27 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
footer定位页面底部(代码分享)
2017/03/07 Javascript
seajs中最常用的7个功能、配置示例
2017/10/10 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
jQuery实现判断上传图片类型和大小的方法示例
2018/04/11 jQuery
解决js相同的正则多次调用test()返回的值却不同的问题
2018/10/10 Javascript
如何在JavaScript中等分数组的实现
2020/12/13 Javascript
python使用xmlrpc实例讲解
2013/12/17 Python
Pthon批量处理将pdb文件生成dssp文件
2015/06/21 Python
python使用xpath中遇到:到底是什么?
2018/01/04 Python
pyinstaller打包opencv和numpy程序运行错误解决
2019/08/16 Python
在python中创建指定大小的多维数组方式
2019/11/28 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
HTML5中在title标题标签里设置小图标的方法
2020/06/23 HTML / CSS
美国最大的高尔夫发球时间预订网站:TeeOff.com
2018/03/28 全球购物
创伤外科专业推荐信范文
2013/11/19 职场文书
房地产开发项目建议书
2014/05/16 职场文书
祖国在我心中演讲稿200字
2014/08/28 职场文书
单位在职证明书
2014/09/11 职场文书
四风问题对照检查材料
2014/09/22 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
保安2014年终工作总结
2014/12/06 职场文书
员工自我评价范文
2015/03/11 职场文书
2015年度个人业务工作总结
2015/04/27 职场文书
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
pandas提升计算效率的一些方法汇总
2021/05/30 Python
《帝国时代4》赛季预告 新增内容编译器可创造地图
2022/04/03 其他游戏