おれは人間をやめるぞ! ジョジョ―――ッ!!
ウィン ウィン ウィン ウィン ウィン フフフ
メギャン
ウンまあ~いっ
とうおるるるるるるるるるるるるるるるるるるん
これは本来の使い方ではないです。すいません。
操作順にハイライト表示して分かりやすく説明するとかが本来の使い方です。
用法、用量を守り正しくお使い下さい。
本来の使い方はこちらから

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

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/.js"></script>
<script>
	$(window).load(function(){
		$('.jhighlight').jhighlight();
	});
</script>
<div id="HighlighterControl">
	<a href="#" title="HighlighterDemo01" class="jhighlight" rel="">1部</a>
	<a href="#" title="HighlighterDemo02" class="jhighlight" rel="">2部</a>
	<a href="#" title="HighlighterDemo03" class="jhighlight" rel="">3部</a>
	<a href="#" title="HighlighterDemo04" class="jhighlight" rel="">4部</a>
	<a href="#" title="HighlighterDemo05" class="jhighlight" rel="">5部</a>
	<a href="#" title="HighlighterDemo06" class="jhighlight" rel="">おまけ</a>
	<a href="#" id="close">close</a>
</div>


<div id="HighlighterDemo01" class="highlighter-demo"><span>おれは人間をやめるぞ! ジョジョ―――ッ!!</span></div>
<div id="HighlighterDemo02" class="highlighter-demo"><span>ウィン ウィン ウィン ウィン ウィン フフフ</span></div>
<div id="HighlighterDemo03" class="highlighter-demo"><span>メギャン</span></div>
<div id="HighlighterDemo04" class="highlighter-demo"><span>ウンまあ~いっ</span></div>
<div id="HighlighterDemo05" class="highlighter-demo"><span>とうおるるるるるるるるるるるるるるるるるるん</span></div>
<div id="HighlighterDemo06" class="highlighter-demo">
	<span>これは本来の使い方ではないです。すいません。<br />
	操作順にハイライト表示して分かりやすく説明するとかが本来の使い方です。<br />
	用法、用量を守り正しくお使い下さい。<br />
		本来の使い方は<a href="http://www.dailymarkup.com/highlighter/demo1/demo.html#" target="_blank">こちら</a>から</span>
</div>

Highlighterについて

Highlighterは、指定要素のみをハイライト表示してくれるプラグインです。
順番で操作してほしいページや、チュートリアルページなどで使うといい感じなりそう。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • LivingFade

    LivingFade

    指定要素をランダムにフェードイン、フェードアウト

  • FlightBoard

    FlightBoard

    空港の発着情報ボードのようにパラパラパラと文字を切り替える

  • glassyWorms

    glassyWorms

    背景にミミズをはわせる

  • OKShadow

    OKShadow

    マウス位置にあわせて、ページ内の要素のshadowが連動

  • Macaroon

    Macaroon

    クッキーの取得、セット、削除を簡単にできる