勇者の近況ver.5

  • 一体何度目の挑戦だろう
  • 暗い地下洞窟に挑戦し続け、ついに、ついに勇者は出口のドアをくぐることに成功した
  • 新しい大陸に足を踏み出した勇者
  • ほこらを出た勇者は北の方角に大きな城があることに気がつく
  • 城に到着した勇者の目を奪ったものは、宿屋の地下にある闘技場であった
  • ザッザッザ 独特のステップで階段を降りた勇者はその光景に心を奪われた
  • モンスター同士の勝敗にゴールドを賭けるモンスター闘技場
  • その甘美な響きに勇者は夢中になってしまった
  • おおいなる使命を持つ勇者がなぜ、こんな闘技場ごときに夢中になってしまったのか…
  • それは彼の性格がギャンブラーだからとわかったのはSFCでの話

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

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.easy-ticker.min.js"></script>
<script>
	$('#easyTickerDemo').easyTicker({
		easing: 'easeInOutBack',
		visible: 1,
		interval: 4000
	});
</script>

//オプション一覧
direction: 'up',
easing: 'swing',
speed: 'slow',
interval: 2000,
height: 'auto',
visible: 0,
mousePause: 1,
controls: {
	up: '',
	down: '',
	toggle: '',
	playText: 'Play',
	stopText: 'Stop'
}
<p class="title">勇者の近況ver.5</p>
<div id="easyTickerDemo">
	<ul>
		<li>一体何度目の挑戦だろう</li>
		<li>暗い地下洞窟に挑戦し続け、ついに、ついに勇者は出口のドアをくぐることに成功した</li>
		<li>新しい大陸に足を踏み出した勇者</li>
		<li>ほこらを出た勇者は北の方角に大きな城があることに気がつく</li>
		<li>城に到着した勇者の目を奪ったものは、宿屋の地下にある闘技場であった</li>
		<li>ザッザッザ 独特のステップで階段を降りた勇者はその光景に心を奪われた</li>
		<li>モンスター同士の勝敗にゴールドを賭けるモンスター闘技場</li>
		<li>その甘美な響きに勇者は夢中になってしまった</li>
		<li>おおいなる使命を持つ勇者がなぜ、こんな闘技場ごときに夢中になってしまったのか...</li>
		<li>それは彼の性格がギャンブラーだからとわかったのはSFCでの話</li>
	</ul>
</div>

easyTickerについて

easyTickerは、簡単に目立つティッカーを設置できるプラグインです。
イージングで目立つ動きをつけたり、ボックスをティッカー的に動かすこともできます。
テキストティッカーの枠をはみ出したなかなかの大物です。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • Marquee

    Marquee

    携帯サイトで多用したmarqueeタグと同じ機能をcss3で実装

  • liScroll

    liScroll

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

  • vTicker

    vTicker

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

  • NewsTicker

    NewsTicker

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

  • Innerfade

    Innerfade

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