这篇文章主要介绍了javascript实现状态栏文字首尾相接循环滚动的方法,实例分析了javascript定时函数及页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了javascript实现状态栏文字首尾相接循环滚动的方法。分享给大家供大家参考。具体实现方法如下:
- <html>
- <head>
- <title>中国风</title>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
- <script language="JavaScript">
- <!--hide
- var message="^_^欢迎光临本站!";
- var position = 0;
- var sta="";
- var x=2*(60/message.length);
- for(i=0;i<x;i++){
- sta+=message;
- }
- function statusScroll(){
- window.status=sta.substring(position,position+60);
- if(position++==60)
- position=0;
- }
- --hide-->
- </script>
- </head>
- <body>
- <script language="JavaScript">
- setInterval("statusScroll()",150);
- // 使用setInterval()按时间间隔调用函数
- </script>
- </body>
- </html>
希望本文所述对大家的javascript程序设计有所帮助。
新闻热点
疑难解答
图片精选