当前位置:首页 > 开发教程 > js/jQuery教程 >

利用JS实现滚屏显示

时间:2013-09-18 09:54 来源: 作者: 收藏

2345软件教程,为您打造全面的软件教程手册,无论是新奇小软件的操作还是专业软件的使用技巧,2345软件教程都会为您解疑释惑。

核心提示:许多制作网页的朋友常常制作公告板、信息窗,也经常为了实现整版页面和图像的滚屏显示而烦恼,不用着急,这里有一个简单的方法来实现滚屏显示。

许多制作网页的朋友常常制作公告板、信息窗,也经常为了实现整版页面和图像的滚屏显示而烦恼,不用着急,这里有一个简单的方法来实现滚屏显示。我们没有采用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/jQuery教程阅读排行

最新文章