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

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

2011年06月06日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
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>
どんなブラウザだっていけちゃう!



本日はいつもと違うテイストでお送りしました

関連エントリ
関連の記事検索:jQuery, JavaScript, マーキー, プラグイン
スポンサード リンク

By.KJ : 2011年06月06日 09:07 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)