利用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 事件对象的实现
Jul 13 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 Javascript
jQuery EasyUI中DataGird动态生成列的方法
Apr 05 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
Oct 18 Javascript
AngularJS入门教程之表单校验用法示例
Nov 02 Javascript
Input文本框随着输入内容多少自动延伸的实现
Feb 15 Javascript
js轮播图的插件化封装详解
Jul 17 Javascript
基于vue开发的在线付费课程应用过程
Jan 25 Javascript
Vue通过配置WebSocket并实现群聊功能
Dec 31 Javascript
微信小程序实现拍照和相册选取图片
May 09 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学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
php简单防盗链实现方法
2015/07/29 PHP
PHP+Mysql+jQuery中国地图区域数据统计实例讲解
2015/10/10 PHP
php语法检查的方法总结
2019/01/21 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
Thinkphp 框架扩展之驱动扩展实例分析
2020/04/27 PHP
flash javascript之间的通讯方法小结
2008/12/20 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
简单的代码实现jquery定时器
2014/01/03 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
2015/02/26 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
vue.js实现表格合并示例代码
2016/11/30 Javascript
vue.js实现请求数据的方法示例
2017/02/07 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
2018/09/03 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
2018/11/02 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
vue实现购物车列表
2020/06/30 Javascript
[50:50]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第一场 12.10
2020/12/13 DOTA
python练习程序批量修改文件名
2014/01/16 Python
Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决
2017/07/06 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
Python通过4种方式实现进程数据通信
2020/03/12 Python
Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)
2020/12/07 Python
CSS3实现精美横向滚动菜单按钮
2017/04/14 HTML / CSS
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
哪些情况下不应该使用索引
2015/07/20 面试题
《太阳》教学反思
2014/02/21 职场文书
机械工程及其自动化专业求职信
2014/08/08 职场文书
端午节将至,用Python爬取粽子数据并可视化,看看网友喜欢哪种粽子吧!
2021/06/11 Python
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技
Python可视化学习之matplotlib内置单颜色
2022/02/24 Python
德生2P3收音机开箱评测
2022/04/30 无线电
Redis特殊数据类型bitmap位图
2022/06/01 Redis