使用JavaScript功能滚动文本?

时间:2016-09-20 02:27:13

标签: javascript scroll 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";
}

有什么建议吗?感谢

1 个答案:

答案 0 :(得分:0)

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

   function changeText1() {

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

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

}

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