按钮上的滚动字符

稿源：互联网 2022-08-11 06:38:58 点击： 129 撤稿纠错

跑马灯式的字符在按钮和状态栏上显示，点按钮后滚动停止。

以下讨论的是和按钮滚动特效相关的按钮上的滚动字符教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

要完成此效果把如下代码加入到<body>区域中

</SCRIPT>
<form name="form1">
<input name="stopIt" type="button" value="Stop Scrolling"
onClick="       if (scroll == false)
                        scroll = true;
                else
                        scroll = false;
                scrollStatus();
                scrollButton();
        ">
</form>

var num = 0;
scrollButton();

function scrollButton() {
        var buttonChars = new Array('S', 't', 'o', 'p', ' ', 'S', 'c', 'r', 'o', 'l', 'l', 'i',

'n', 'g', ' ', ' ');
        var buttonText = "";
        for (var a = num; a < buttonChars.length; a++)
                buttonText += buttonChars[a];
        for (var b = 0; b < num; b++)
                buttonText += buttonChars[b];
        num++;
        if (num >= buttonChars.length)
                num = 0;
        document.form1.stopIt.value = buttonText;
        if (scroll) {
                setTimeout("scrollButton();", 100);
                }
        }

</SCRIPT>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于按钮上的滚动字符的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071596314.shtml方便下次再访问哦。

·上一篇： 让标题栏文字动起来的效果
·下一篇： 字符在标题栏逐个显示

按钮上的滚动字符

文章分类LIST >>返回首页

最新游戏

最新新闻