勇者の近況ver.3

  • 森の中にひっそりと口を開ける地下宮殿への入り口
  • 城の眼前にそびえ立つ大きな塔
  • 仲間を回復しやがる青いクラゲ
  • 人の顔がついたてふてふ
  • かぶりものをして炎をあびせてくる変態
  • それら多くのモンスターをなぎ倒し勇者一行はある壁の前に立った
  • なにかにいざなわれているような不思議な感覚が襲ってくる
  • 勇者の手には1つの玉がにぎられていた
  • 勇者がその玉を壁にめがけてぶつけると
  • 玉は大きな爆発音を発し、壁に大きな穴をあけた
  • 勇者の後ろには棺桶が3つ
  • 行くの行かないの?!どうする

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

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.innerfade.js"></script>
<script>
	$(window).load(function(){
		$('#InnerfadeDemo').innerfade({
			animationtype: 'fade',
			speed: 750,
			timeout: 3500,
			containerheight: '1em'
		});
	});
</script>

//オプション一覧
animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'),
speed: Fadingspeed in milliseconds or keywords (slow, normal or fast)(Default: 'normal'),
timeout: Time between the fades in milliseconds (Default: '2000'),
type: Type of slideshow: 'sequence', 'random' or 'random_start' (Default: 'sequence'),
containerheight: Height of the containing element in any css-height-value (Default: 'auto')
runningclass: CSS-Class which the container get’s applied (Default: 'innerfade')
<p class="title">勇者の近況ver.3</p>
<ul id="InnerfadeDemo">
	<li>森の中にひっそりと口を開ける地下宮殿への入り口</li>
	<li>城の眼前にそびえ立つ大きな塔</li>
	<li>仲間を回復しやがる青いクラゲ</li>
	<li>人の顔がついたてふてふ</li>
	<li>かぶりものをして炎をあびせてくる変態</li>
	<li>それら多くのモンスターをなぎ倒し勇者一行はある壁の前に立った</li>
	<li>なにかにいざなわれているような不思議な感覚が襲ってくる</li>
	<li>勇者の手には1つの玉がにぎられていた</li>
	<li>勇者がその玉を壁にめがけてぶつけると</li>
	<li>玉は大きな爆発音を発し、壁に大きな穴をあけた</li>
	<li>勇者の後ろには棺桶が3つ</li>
	<li>行くの行かないの?!どうする</li>
</ul>

Innerfadeについて

Innerfadeは、文字や画像をフェードで切り替えるプラグインです。
テキストだとティッカーとしても使えそうです。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスNo license
対応ブラウザ

関連するjQueryプラグイン

  • Marquee

    Marquee

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

  • NewsTicker

    NewsTicker

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

  • vTicker

    vTicker

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

  • easyTicker

    easyTicker

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

  • liScroll

    liScroll

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