WNLike

ニュースチャンネル風文字サイズ変更ライブラリ「WNLike」。
60%,80%,100%といったボタンをおすと、文字がアニメーションしながら拡大/縮小されます。
フォントサイズを変更するライブラリはありましたが、アニメーションするのはなかなか面白いですね。



使い方は、まずscriptを読み込んでおきます。

<script type="text/javascript" src="wnlike.js"></script>

次にオブジェクトを初期化します。

<script type="text/javascript">
  var wiiObj = null;
  function init() {
    wiiObj = new WNLike("target");
  }
</script>

WNLikeの引数のtarget 部分は、文字のサイズを変えたい要素のid名を指定します。
この場合、<div id="target"></div> の要素に対して影響を与えます。

次に拡縮のためのボタンを配置。wiiObj.resize('xxx%'); として呼び出します。

  <button onclick="wiiObj.resize('60%');">60%</button>
  <button onclick="wiiObj.resize('80%');">80%</button>
  <button onclick="wiiObj.resize('100%');">100%</button>
  <button onclick="wiiObj.resize('120%');">120%</button>
  <button onclick="wiiObj.resize('140%');">140%</button>

簡単に使えて、それなりに実用的なのでなかなか使えそうですね。

関連エントリ

• 文字をブルブルさせるJavaScriptライブラリ「ブルブル３」
• prototype.jsを用いたフォントサイズ変更スクリプト