zoukankan      html  css  js  c++  java
  • JavaScript状态栏显示滚动文字

    <html>

     <head>

    <script language="JavaScript">

    <!--

    hide var scrtxt = "状态栏文字滚动特效." +"这是由JS脚本生成的特效." +"用到了字符串处理和延时函数."; // 定义要滚动的字符串.

    var length = scrtxt.length; // 获取滚动显示的字符串的长度.

     var width = 100; // 定义状态栏中用于显示字符串的空间的宽度.

    var pos = -(width + 2);// 定义起始置为-102.

    //以下定义的函数用于在状态栏中设置滚动文字.

    function scroll()

    {

    pos++; var scroller = ""; //某个瞬间要显示的部分.

    if (pos == length)

     {

    //如果位置参数已经等于字符串长度则回到初始位置.

    pos = -(width + 2);

     }

     if (pos < 0)

     {

    //如果字符串还没有显示完整.

     for (var i = 1; i <= Math.abs(pos); i++)

    {

     scroller = scroller + " ";

    }

    //则用一个循环在显示的部分字符前加若干空格.

     scroller = scroller + scrtxt.substring(0, width - i + 1);

     }

     else

    {

    scroller = scroller + scrtxt.substring(pos, width + pos);

     }

    window.status = scroller; //将当前要显示的部分字符发送到状态栏.

    setTimeout("scroll()", 100); //十分之一秒后又执行一次,以使显示出来的字符串内容得到更新并向左移动.

     }

    // -->

    </script>

    </head>

    <body onLoad="scroll()">

     走马灯的效果!

    </body>

    </html>

  • 相关阅读:
    JS数据类型、JS数据类型转换、JS运算
    JS 变量
    js初识 何为JavaScript
    ES6 字符串的用法
    ES6 初识 let、const、ES6兼容、解构赋值
    Bootstrap 小结
    列一下我所认为的,你面试微软前必须要读的十本书[转]
    MFC中换行实现
    MFC中输入框的文本转换为char[]字符数组类型
    MFC下OpenGL入门(可以用)
  • 原文地址:https://www.cnblogs.com/zhangwei595806165/p/2230384.html
Copyright © 2011-2022 走看看