超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」
2011年06月06日-![はてなブックマーク](http://b.hatena.ne.jp/entry/image///phpspot.org/blog/archives/2011/06/marquee20jquery.html)
スポンサード リンク
jQuery Marquee Animation Plugin Preview - CodeCanyon
超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」。
ホームページをつくりはじめた時には誰もが使ったマーキー。覚えていくにつれ、ほとんど使われないかわいそうなマーキー。
そんなマーキーもjQueryで超かっこ良く、まるで映画のプロモーション動画に使われるようなエフェクトに生まれ変わったようです。
生まれ変わったマーキーを見てみよう
実装は超簡単!
![](http://phpspot.net/php/webimager/admin3/data/0f4dd8b8d446ff6afd9d4c0582e7ab73.png)
![](http://phpspot.net/php/webimager/admin3/data/66ef3ae53d481aa376e0fd4d014ce092.png)
本日はいつもと違うテイストでお送りしました
関連エントリ
超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」。
ホームページをつくりはじめた時には誰もが使ったマーキー。覚えていくにつれ、ほとんど使われないかわいそうなマーキー。
そんなマーキーもjQueryで超かっこ良く、まるで映画のプロモーション動画に使われるようなエフェクトに生まれ変わったようです。
生まれ変わったマーキーを見てみよう
実装は超簡単!
![](http://phpspot.net/php/webimager/admin3/data/0f4dd8b8d446ff6afd9d4c0582e7ab73.png)
<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>
![](http://phpspot.net/php/webimager/admin3/data/66ef3ae53d481aa376e0fd4d014ce092.png)
本日はいつもと違うテイストでお送りしました
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ