勇者の近況ver.2

  • 再び城下を後にした勇者には頼もしい仲間が増えていた
  • 勇者の後ろにピエロのような格好をした男が3人
  • この勇者はバランスという言葉を知らないようだ
  • どうやらこの世界では、Lvという概念があるらしい
  • モンスターと呼ばれる怪物を倒すと経験値とゴールドを得ることができ
  • その経験値でLvがあがるようである
  • 勇者は俗にいうLv上げという行動を起こすことにした
  • 宿に泊まることをも忘れて戦闘にあけくれる勇者一行
  • ちょっとした運の悪さが招いた、痛恨の一撃によりわずかに残っていた勇者の体力は虚しくもゼロになった
  • そして王様にののしられる勇者
  • 兵一人も貸さず、自分にだけ危険なことをさせ、倒れるとののしってくるこの王様が勇者は理解できなかった
  • Lvをあげた勇者は北に向かうことにした

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

  • files
  • js
  • html
<link href="<PATH>/li-scroller.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.li-scroller.1.0.js"></script>
<script>
	$(window).load(function(){
		$('#liScrollDemo').liScroll();
	});
</script>
<p class="title">勇者の近況ver.2</p>
<ul id="liScrollDemo">
	<li>再び城下を後にした勇者には頼もしい仲間が増えていた</li>
	<li>勇者の後ろにピエロのような格好をした男が3人</li>
	<li>この勇者はバランスという言葉を知らないようだ</li>
	<li>どうやらこの世界では、Lvという概念があるらしい</li>
	<li>モンスターと呼ばれる怪物を倒すと経験値とゴールドを得ることができ</li>
	<li>その経験値でLvがあがるようである</li>
	<li>勇者は俗にいうLv上げという行動を起こすことにした</li>
	<li>宿に泊まることをも忘れて戦闘にあけくれる勇者一行</li>
	<li>ちょっとした運の悪さが招いた、痛恨の一撃によりわずかに残っていた勇者の体力は虚しくもゼロになった</li>
	<li>そして王様にののしられる勇者</li>
	<li>兵一人も貸さず、自分にだけ危険なことをさせ、倒れるとののしってくるこの王様が勇者は理解できなかった</li>
	<li>Lvをあげた勇者は北に向かうことにした</li>
</ul>

liScrollについて

liScrollは、横スクロール型のRPGじゃなくて、横スクロール型のティッカーです。
機能自体はとてもシンプルなので、設置は簡単です。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT or GPL
対応ブラウザ

関連するjQueryプラグイン

  • easyTicker

    easyTicker

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

  • Marquee

    Marquee

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

  • NewsTicker

    NewsTicker

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

  • Innerfade

    Innerfade

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

  • vTicker

    vTicker

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