编程 Javascript

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

Posted in Javascript onJuly 22, 2015

本文实例讲述了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程序设计有所帮助。

- Author -

中国风2012

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 创建对象和构造类实现代码

Jul 30 Javascript

基于JQuery的数字改变的动画效果--可用来做计数器

Aug 11 Javascript

图片放大镜jquery.jqzoom.js使用实例附放大镜图标

Jun 19 Javascript

javascript实现框架高度随内容改变的方法

Jul 23 Javascript

js点击文本框后才加载验证码实例代码

Oct 20 Javascript

跟我学习javascript解决异步编程异常方案

Nov 23 Javascript

jQuery中使用animate自定义动画的方法

May 29 Javascript

Bootstrap基本样式学习笔记之图片(6)

Dec 07 Javascript

基于Datatables跳转到指定页的简单实例

Nov 09 Javascript

基于JS实现带动画效果的流程进度条

Jun 01 Javascript

vue学习笔记之过滤器的基本使用方法实例分析

Feb 01 Javascript

JavaScript实现alert弹框效果

Nov 19 Javascript

HTML5实现留言和回复页面样式

Jul 22 #Javascript

javascript控制层显示或隐藏的方法

Jul 22 #Javascript

javascript实现简单查找与替换的方法

Jul 22 #Javascript

javascript数组随机排序实例分析

Jul 22 #Javascript

JavaScript对数组进行随机重排的方法

Jul 22 #Javascript

JavaScript检测上传文件大小的方法

Jul 22 #Javascript

JavaScript动态改变div属性的实现方法

Jul 22 #Javascript