`
songlei8090
  • 浏览: 37547 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript基本跑马灯(2)

    博客分类:
  • JS
阅读更多
<script language="javascript" type="text/javascript">

  var msg="这是使用JavaScript实现的文字跑马灯效果";
  var interval = 300;//定义setTimeout函数的时间参数,这里是0.1秒。
  var maxlen = 500;//定义跑马灯msg处于最右时的位置值。
  var space=" ";
  var seq=maxlen;//定义stext中被选取段的开始位置。
  var stext="";//实际显示它的一部分。
  var len;

  for (i=1; i<=maxlen; i++) 
    stext += space;
    stext += msg;//初始化它,实质是一段空格加上msg。
    len=stext.length;
  
  function Scroll() 
  { 
    window.status=stext.substring(seq, len);//在状态栏上显示stext从seq开始,长度为len的一部分。
    seq++;//seq每次加1,表示每次少显示一个前置空格,视觉效果就是文字提前一格。
    if(seq >= len)//如果seq比len大,意味着什么都不显示,或者说到达了左边界,则重新开始。
    {
      seq = 0;
    }
    window.setTimeout("Scroll();", interval);//递归调用,过interval毫秒后再次调用Scroll函数。
  } 
  
  Scroll();//调用Scroll函数,进入递归。
  </script>

 

 

1
0
分享到:
评论

相关推荐

    JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)

    在上篇文章给大家介绍了JavaScript实现跑马灯抽奖活动实例代码解析与优化(一),既然是要编写插件。那么叫做“插件”的东西肯定是具有的某些特征能够满足我们平时开发的需求或者是提高我们的开发效率。那么叫做插件...

    JavaScript教程

    • 二、 JavaScript基本数据结构  JavaScript代码的加入  基本数据类型  表达式和运算符  范例:跑马灯效果 • 三、 JavaScript程序构成  程序控制流  函 数  事件驱动及事件处理  范例:自动装卸载;获取...

    javascript完全学习手册2 源码

    14.1.5 跑马灯式说明文字 14.1.6 跳动的文字 14.2 图片特效 14.2.1 线性幻灯片 14.2.2 非线性幻灯片 14.2.3 展示翻页效果 14.2.4 展示缩略图新闻效果 14.2.5 图片滑动效果 14.2.6 三维相册 14.3 ...

    文字上下滚动(走马灯效果)

    网上找到很多文字滚动,但都良莠不齐,基本都是左右滚动的,没有上下滚动。所以来分享一波 利用scortop实现文字移动,判断如果第一个元素的高度,如果小于等于了scrolltop(翻滚了多少高度)就把它删除并且添加到...

    javascript完全学习手册1 源码

    14.1.5 跑马灯式说明文字 398 14.1.6 跳动的文字 400 14.2 图片特效 402 14.2.1 线性幻灯片 402 14.2.2 非线性幻灯片 409 14.2.3 展示翻页效果 416 14.2.4 展示缩略图新闻效果 419 14.2.5 图片滑动效果 423 14.2.6 ...

    JavaScript 教学

    设计一个跑马灯 (scroller) 数组(Arrays)的设计 如何清除视窗中的文件 (document) "前进键" (Forward) 和"倒退键" (Back)的设计 同时载入两个框架 (frames) 利用链结开新视囗 运算符 输入表格(forms)的确认...

    JavaScript网页特效应用开发手册

    3-4 跑马灯 3-5 表单 3-6 什么是Cookie 3-7 视窗控制 3-8 游标的特效 3-9 导航条 3-10 特殊特效 第三部 分程序设计浅谈 第4章 程序写作浅谈 4-1 Javascript写作概念 4-2 Javascript写作格式 4-3 Javascript语句格式 ...

    javascript网页特效实例大全

    7.12 横向移动的跑马灯 181 7.13 可随便移动的文字 182 7.14 水波形的文字 183 7.15 首字母大小写的变化 184 7.16 状态栏文字飞出效果 186 7.17 链接文字的滚动效果 188 7.18 不停变色的文字 189 7.19 文字...

    精通JavaScript+jQuery Part1

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:鼠标文字...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    javascript字符串操作以及跑马灯实例 javascript数组和字典以及for循环 javascript条件语句 javascript函数的定义 Dom直接选择器 Dom间接选择器 示例之模态对话框 示例之全选和反选以及取消 javascript必须加分号 ...

    《精通CSS+DIV网页样式与布局》光盘源码

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:鼠标文字...

    精通CSS.DIV.网页样式与布局 源码

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:...

    精通CSS+DIV网页样式与布局Part1

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:鼠标文字...

    精通CSS+DIV网页样式与布局

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:鼠标文字...

    精通CSS.DIV网页样式与布局视频01

     13.5 实例三:跑马灯特效   13.6 实例四:图片淡入淡出   13.7 实例五:CSS实现PPT幻灯片   13.8 实例六:灯光效果   13.9 实例七:舞台灯光   13.10 实例八:探照灯   13.11 实例九:鼠标文字...

    精通CSS+DIV网页样式与布局视频教材

    13.5 实例三:跑马灯特效 13.6 实例四:图片淡入淡出 13.7 实例五:CSS实现PPT幻灯片 13.8 实例六:灯光效果 13.9 实例七:舞台灯光 13.10 实例八:探照灯 13.11 实例九:鼠标文字跟随 第14章...

    《javaScrip开发技术大全》源代码

    第2章(\代码\第02章) • sample01.htm 将JavaScript代码插入在标签与标签之间 • sample02.htm 将JavaScript代码放在了标签与标签之间 • sample03.htm JavaScript与HTML混合执行 • ...

    java源码包2

    2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统...

    java源码包---java 源码 大量 实例

    2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性...

    JAVA上百实例源码以及开源项目

    2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性...

Global site tag (gtag.js) - Google Analytics