使用 JavaScript 功能的水平文本滚动？

Question

我目前有一个文本框，其中包含一些默认文本。单击按钮时，文本会更改。是否可以滚动新文本？我看过 marquee，但它似乎没有很好的代表，而且我不确定如何将它与 JavaScript 合并。这是我的编码：

HTML 文本框：

<tr>
    <td colspan="4" class="message">
        <p class="displaymessage">
             <marquee behavior="scroll" direction="left">innterHTML Page</marquee>
        </p>
    </td>
</tr>

（当前滚动默认文本）

HTML 按钮：

<input type="button" value="1" class="button" onClick="changeText1()">

Javascript:

function changeText1() {

     var paragraph = document.getElementsByClassName('displaymessage');

     var changeText = paragraph[0].innerHTML = "New text";
}

有什么建议吗？谢谢

Answer 1

我不明白你想做什么。但是，如果您想添加新文本并希望在滚动之前的文本时将其向左滚动，即 ** innterHTML Page** 那么您可以在 javascript 中使用以下代码：-

   function changeText1() {

var paragraph = document.getElementsByClassName('displaymessage');

var changeText = paragraph[0].innerHTML = '<marquee behavior="scroll" direction="left">New text Here</marquee>';

}

它会很好用。如果您有任何问题，可以发表评论:)

使用 JavaScript 功能的水平文本滚动？

Horizontal text scrolling with JavaScript function?

javascript

scroll

marquee