利用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平台上调试通过。

时间: 2024-08-14 10:30:22

利用JavaScript实现滚屏显示的相关文章

滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码_javascript技巧

安装U盘里下载的"滚动条变色"插件, 安装到DW后,如何正常应用该特效插件? 答:打开DW , 1.新建页面--代码--删除<html>前面的所有代码! 2.鼠标定位在<head>之后--点击DW"设计"--点击"滚动条变色"插件,进行设置. 滚动条代码英文翻译:arrow--箭头,track--轨道. 提示:如果插入以下代码不能变色,请把网页头部<html>前的多于代码删除即可! 滚动条变色: 也可以直接在网

利用JavaScript脚本实现滚屏效果的方法_javascript技巧

许多制作网页的朋友常常制作公告板.信息窗,也经常为了实现整版页面和图像的滚屏显示而烦恼,不用着急,这里有一个简单的方法来实现滚屏显示.我们没有采用Java的.class程序来实现,也不是动态DHTML语言,只是充分地利用了JavaScript脚本语言的一些函数,写一些简短的JavaScript脚本语言就可实现这一功能.   原代码如下: <html> <head> <script language="Javascript"> <!--//防止错

javascript-列表滚屏代码在低版本IE加载很慢

问题描述 列表滚屏代码在低版本IE加载很慢 我用下面的脚本代码对表数据进行滚屏显示,但是在IE8以前的浏览器里面打开会一直在加载无法显示.我把所有的图片去掉就留下纯文本就没事了,也能正常滚屏显示.请问一下怎么解决这个问题??<script> var speed=30; demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetTop-demo.scrollTop<=0) demo.scrollTop-=demo1

javascript full screen 全屏显示页面元素的方法_javascript技巧

一种最简单的方式,就是动态改变你想要全屏显示的部件的style,例如position变成absolute,height和width都设置成窗口大小,并且把背景颜色改成全白(为了遮住页面上其余的元素).这样网页上就只能看到你要突出的部件了,视觉上就等同于全屏.同时利用javascript监听键盘事件,一旦用户按了ESc退出键,就恢复原来的样子.部分代码如下: 复制代码 代码如下: document.onkeydown = function (event) {        var e = even

JavaScript网站设计实践(四)编写about.html页面,利用JavaScript和DOM,选择性的显示和隐藏DIV元素

原文:JavaScript网站设计实践(四)编写about.html页面,利用JavaScript和DOM,选择性的显示和隐藏DIV元素 一.现在我们在网站设计(三)的基础上,来编写about.html页面. 这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIV about.html页面在前面我们为了看导航栏菜单项高亮显示时,已经写了部分内容,只是那时写的代码没有实现div显示和隐藏,现在就在之前编写的基础上,为页面添加显示和隐藏div的效果. 没有写Java

html5-HTML5,javascript如何让浏览器自动全屏显示(或者python实现)

问题描述 HTML5,javascript如何让浏览器自动全屏显示(或者python实现) <html > <meta charset="UTF-8"> <body> <button onclick="launchFullscreen(document.documentElement);">启动全屏</button> <script> function launchFullscreen(elem

【IOS-COCOS2D游戏开发之十八】解决滚屏背景/拼接地图有黑边(缝隙)/图片缩放后模糊透明/图片不清晰【2013年12月13日补充】/动画播放出现毛边以及禁止游戏中自动锁屏问题!

本站文章均为 李华明Himi 原创,转载务必在明显处注明:  转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/iphone-cocos2d/507.html 本章节主要为大家介绍在游戏开发过程中经常遇到的两个问题:  1. 解决滚屏背景或拼接地图有黑边! 对于游戏开发中,背景(游戏地图)是必要的元素之一,那么对于大部分游戏的背景都是动态,或者不断移动的:例如RPG中的背景随着人物.主角而移动,那么一般情况下背景都是由地图编辑器(图块)拼出来的,要不就

利用javaScript实现点击输入框弹出窗体选择信息

 这篇文章主要是对利用javaScript实现点击输入框弹出窗体选择信息进的实例行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在这里奉上源代码,没有做样式处理,不过功能是可以的,希望大家可以和我交流交流!   代码如下: <html>  <head>   <title>点击弹出DIV选择信息</title>      <meta http-equiv="keywords" content="keyword1

网页全屏显示代码

下面分享网页全屏显示代码,想做全屏显示效果的朋友可以参照下. 最常见的是使用window.open的方法,直接打开全屏网页: <script> <!-- function fullwin(){ window.open("bigpage.html","bfs","fullscreen,scrollbars") } //--> </script> <center> <form> <in