利用JavaScript脚本实现滚屏效果的方法
更新时间：2015年07月07日 11:08:36 投稿：goldensun
这篇文章主要介绍了利用JavaScript脚本实现滚屏效果的方法,即一个公告栏显示般的效果,需要的朋友可以参考下
许多制作网页的朋友常常制作公告板、信息窗，也经常为了实现整版页面和图像的滚屏显示而烦恼，不用着急，这里有一个简单的方法来实现滚屏显示。我们没有采用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平台上调试通过。
简单吗？赶快去试试吧。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了js如何获取元素下面所有的li，有哪些方法,需要的朋友可以参考下2014-04-04
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
这篇文章主要介绍了bootstrap-table.js扩展分页工具栏，增加跳转到xx页功能，由于小编的水平停留在dom级，此次扩展只支持页面上的表格，如果大家有好的建议欢迎提出2017-12-12
我们做项目的时候往往会需要把数组里面一些重复的项去掉,下面这篇文章主要给大家介绍了关于js数组去重常见的7种方法汇总,对每种方法都进行了总结,需要的朋友可以参考下2022-08-08
这篇文章主要为大家详细介绍了js实现简易聊天对话框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
本文给大家分享基于html和js实现的仿百度百家主页的轮播图效果，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下2017-03-03
这篇文章主要为大家详细介绍了H5上传本地图片并预览的实现代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
本文主要介绍了webpack打包时如何修改文件名的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了微信小程序自定义组件components知识，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
本文主要介绍了Ajax验证用户名或昵称是否已被注册的实例方法。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
最近因为工作需要,搭建了一个加班打卡的小程序,下面这篇文章主要给大家介绍了关于uniapp微信小程序打卡功能的详细实现流程,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
最新评论