MOA Textのテストページ

jQuery(jquery-1.3.2.min.js)およびjquery.moatext.jsをページの先頭で読み込んでください。
そして以下のように、所定のクラスを適用した部分のテキストの上でマウスを動かすと「もあもあ」します。

レンズ(lens)

ソース

<div class="moatext_lens">
I have a dream ...
</div>

実行例

I have a dream that one day this nation will rise up and live out the true meaning of its creed. "We hold these truths to be self-evident: that all men are created equal."

ウェーブ(wave)

ソース

<div class="moatext_wave">
I have a dream ...
</div>

実行例

I have a dream that one day out in the red hills of Georgia the sons of former slaves and the sons of former slave owners will be able to sit down together at the table of brotherhood.

透過(opacity)

ソース

<div class="moatext_opacity">
I have a dream ...
</div>

実行例

I have a dream that one day even the state of Mississippi, a state sweltering with the heat of oppression, will be transformed into an oasis of freedom and justice.

より高度な例>>