在JS上显示淡入/淡出的消息

Question

给出以下标签：

<h1 id="header_one"><strong>Any Title</strong> any message</h1>

<p id="paragraph_one">Any cool text.<br></p>

以下JS数组：

        var array_h  = ["<strong>Any Title1</strong> any message","<strong>Any Title2</strong> any message"];
        var array_p  = ["Any cool text1 <br>","Any cool text2 <br>"];

如何使用淡入/淡出效果根据数组的每个元素更改h1和p的消息？我希望当它到达数组的最后一条消息时，效果会再次重复启动它。

Answer 1

你可以使用一些jquery：

$(".textfieldClass").change(function(){
    //do something with the new text: $(this).val()
});

工作示例： http://codepen.io/nilestanner/pen/akAVkr

这允许数组中的任意数量的元素