MOA Textのテストページ

応用例です。moatext()にパラメータを渡すことで、細かい効果が設定できます。

<<簡単な例 もっと複雑な例>>

レンズ+ウェーブ(lens and wave)

ソース

<script type="text/javascript" language="JavaScript"><!--
  $(function(){
    $(".moamix1").moatext({effects:["lens","wave"]});
  });
-->
</script>

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

実行例

I have a dream that my four little children will one day live in a nation where they will not be judged by the color of their skin but by their character.

レンズ+ウェーブ+透過(lens, wave and opacity)

ソース

<script type="text/javascript" language="JavaScript"><!--
  $(function(){
    $(".moamix2").moatext({effects:["lens","wave","opacity"]});
  });
-->
</script>

<div class="moamix2">
もちろん日本語でも大丈夫です。
</div>

実行例

もちろん日本語でも大丈夫です。

独自関数(original functions)

ソース

<script type="text/javascript" language="JavaScript"><!--
  $(function(){
    $(".moafunc").moatext({hover:[
        function(){$(this).css({
            color: "#FF0000",
            fontWeight: "bold"
        });},
        function(){$(this).css({
            color: "#000000",
            fontWeight: "normal"
        });}
    ]});
  });
-->
</script>

<div class="moafunc">
Please visit our site ...
</div>

実行例

Please visit out site http://labs.bitmeister.jp/moamoa/
<<簡単な例 もっと複雑な例>>

Copyright (C) 2009 Bitmeister Inc.