首页 > 语言 > JavaScript > 正文

javascript实现状态栏文字首尾相接循环滚动的方法

2024-05-06 16:23:34
字体:
来源:转载
供稿:网友

这篇文章主要介绍了javascript实现状态栏文字首尾相接循环滚动的方法,实例分析了javascript定时函数及页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了javascript实现状态栏文字首尾相接循环滚动的方法。分享给大家供大家参考。具体实现方法如下:

 

 
  1. <html> 
  2. <head> 
  3. <title>中国风</title> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"
  5. <script language="JavaScript"
  6. <!--hide 
  7. var message="^_^欢迎光临本站!"
  8. var position = 0; 
  9. var sta=""
  10. var x=2*(60/message.length); 
  11. for(i=0;i<x;i++){ 
  12. sta+=message; 
  13. function statusScroll(){ 
  14. window.status=sta.substring(position,position+60); 
  15. if(position++==60) 
  16. position=0; 
  17. --hide--> 
  18. </script> 
  19. </head> 
  20. <body> 
  21. <script language="JavaScript"
  22. setInterval("statusScroll()",150); 
  23. // 使用setInterval()按时间间隔调用函数 
  24. </script> 
  25. </body> 
  26. </html> 

希望本文所述对大家的javascript程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选