javascript - Gumroad.com のような代替テキスト

Question

私はこれが以前に数回行われたのを見たことがあります。他のサイトは覚えていませんが、もし他に知っていたら見てみたいです。( https://gumroad.com/ )

基本的に、彼らが次のようなことをするとき：

あなたの「曲」を「ファン」に直接共有しましょう。そして、引用符内の単語は置き換えられ続けます。

それを支援するJS / Jqueryライブラリがあるかどうか疑問に思っていました。または、アイデアを得ることができるように、それを行う他のウェブサイトが欲しいです!

ありがとう。

Answer 1

jQueryを使用して（アニメーションなしで）同様のものを実装しました。

このコードは、基本的に 2000 ミリ秒ごとに配列からデータを循環させ、それをスパンに追加します。

ライブデモ - http://jsfiddle.net/Dogbert/vF4rj/3/

JS:

var options = [
    ["music", "listeners"],
    ["software", "users"],
    ["films", "viewers"],
    ["comics", "readers"]
];

var interval = 2000;

var holder1 = $(".holder-1"), holder2 = $(".holder-2");
var currentIndex = 0;

function doIt() {
    holder1.html(options[currentIndex][0]);
    holder2.html(options[currentIndex][1]);
    currentIndex = (currentIndex + 1) % options.length;
    setTimeout(doIt, interval);
}

doIt();

HTML:

<h2>
    Sell
    <span class="holder-1"></span>
    directly to your
    <span class="holder-2"></span>
</h2>