超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」:phpspot開発日誌

前の記事 ≪：よくデザインされた１２のロゴまとめ
次の記事 ≫：スクロール位置に応じて注釈表示が可能なｊQueryプラグイン「SmartScroll...

超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」

2011年06月06日-

スポンサードリンク

jQuery Marquee Animation Plugin Preview - CodeCanyon

超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」。
ホームページをつくりはじめた時には誰もが使ったマーキー。覚えていくにつれ、ほとんど使われないかわいそうなマーキー。

そんなマーキーもjQueryで超かっこ良く、まるで映画のプロモーション動画に使われるようなエフェクトに生まれ変わったようです。

生まれ変わったマーキーを見てみよう

実装は超簡単！

<script language="javascript">
         $(document).ready(function() {
                  $('.marquee').fMarquee({width: 960, height: 100}); // サイズをオプション指定
         });
 </script> 

<!-- 内容はdivに入れるだけ。画像だって問題なし -->
<div class="marquee">
         <div class="mchild"><strong>fMarquee</strong> <em>is a simple but<br /> useful jQuery plugin</em></div>
         <div class="mchild">Only 1.4 kilobytes<br />Loads fast, works everywhere!</div>
         <div class="mchild"><em>Easy installation, easy customization</em></div>
</div>

どんなブラウザだっていけちゃう！