ガラケーサイトを作る時にお世話になったMarqueeタグ、そいつがcss3をひっさげて復活だぁ!
ガラケーサイトを作る時にお世話になったMarqueeタグ、そいつがこんなに素早くなって復活だぁ!
ガラケーサイトを作る時にお世話になったMarqueeタグ、そいつがマウスオーバーでストップ機能がついて復活だぁ!
ガラケーサイトを作る時にお世話になったMarqueeタグ、そいつが右にもいけるようになって復活だぁ!

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.marquee.min.js"></script>
<script>
	$(window).load(function(){
		$('#MarqueeDemo01').marquee();

		$('#MarqueeDemo02').marquee({
			speed: 3000
		});

		$('#MarqueeDemo03').marquee({
			pauseOnHover: true
		});

		$('#MarqueeDemo04').marquee({
			direction: 'right'
		});
	});
</script>
<div id="MarqueeDemo01" class="Marquee-demo">ガラケーサイトを作る時にお世話になったMarqueeタグ、そいつがcss3をひっさげて復活だぁ!</div>
<div id="MarqueeDemo02" class="Marquee-demo">ガラケーサイトを作る時にお世話になったMarqueeタグ、そいつがこんなに素早くなって復活だぁ!</div>
<div id="MarqueeDemo03" class="Marquee-demo">ガラケーサイトを作る時にお世話になったMarqueeタグ、そいつがマウスオーバーでストップ機能がついて復活だぁ!</div>
<div id="MarqueeDemo04" class="Marquee-demo">ガラケーサイトを作る時にお世話になったMarqueeタグ、そいつが右にもいけるようになって復活だぁ!</div>

Marqueeについて

Marqueeは、携帯サイトで多用したmarqueeタグと同じ機能をcss3で実装したプラグインです。
ニュース表示などのティッカー的使い方がいいのでしょうか。css3でのアニメーションなので動作は滑らかです。
css3を使っているため、IE10+対応になっています。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスNo license
対応ブラウザ

関連するjQueryプラグイン

  • vTicker

    vTicker

    縦方向のティッカーを設置できる

  • Innerfade

    Innerfade

    文字や画像をフェードで切り替える

  • NewsTicker

    NewsTicker

    キーボード入力しているような見せ方で文字を表示する

  • liScroll

    liScroll

    横スクロール型のRPGじゃなくて、横スクロール型のティッカー

  • easyTicker

    easyTicker

    簡単に目立つティッカーを設置できる