利用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 相关文章推荐
一个挺有意思的Javascript小问题说明
Sep 26 Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
Feb 27 Javascript
jQuery Ajax提交表单查询获得数据实例代码
Sep 19 Javascript
jQuery基础知识点总结(DOM操作)
Jun 01 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
Bootstrap基本样式学习笔记之图片(6)
Dec 07 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
Dec 23 Javascript
AngularJS表单验证功能
Oct 19 Javascript
javascript 通过键名获取键盘的keyCode方法
Dec 31 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
Feb 10 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
Jul 18 Javascript
浅谈js数组splice删除某个元素爬坑
Oct 14 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
JS中捕获console.log()输出的方法
2015/04/16 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
微信小程序 富文本转文本实例详解
2016/10/24 Javascript
JavaScript仿微博发布信息案例
2016/11/16 Javascript
JS按条件 serialize() 对应标签的使用方法
2017/07/24 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
2017/12/16 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
JS操作json对象key、value的常用方法分析
2019/10/29 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
2020/04/29 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
[01:00:04]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第二局
2016/02/26 DOTA
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
深入浅析Python字符编码
2015/11/12 Python
Python 多进程并发操作中进程池Pool的实例
2017/11/01 Python
Python BS4库的安装与使用详解
2018/08/08 Python
Python文件如何引入?详解引入Python文件步骤
2018/12/10 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
Python把图片转化为pdf代码实例
2020/07/28 Python
Python截图并保存的具体实例
2021/01/14 Python
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
俄罗斯香水和化妆品网上商店:NOTINO.ru
2019/12/17 全球购物
JAVA中运算符的分类及举例
2015/09/12 面试题
销售工作人员的自我评价分享
2013/11/10 职场文书
护士的自我鉴定
2014/02/07 职场文书
会计专业职业规划:规划自我赢取未来
2014/02/12 职场文书
爱国口号
2014/06/19 职场文书
2014乡镇党政班子四风问题思想汇报
2014/09/14 职场文书
个人整改方案范文
2014/10/25 职场文书
信访维稳承诺书
2015/05/04 职场文书
大学生入党自传2015
2015/06/26 职场文书
2016年大学生就业指导课心得体会
2015/10/09 职场文书
想要创业,那么你做好准备了吗?
2019/07/01 职场文书
遇事可以测出您的见识与格局
2019/09/16 职场文书
JS数组去重详情
2021/11/07 Javascript
Nginx 反向代理解决跨域问题多种情况分析
2022/01/18 Servers
python如何将mat文件转为png
2022/07/15 Python