jQueryを使って自動で見出しを作るプラグイン「jQuery Headerlinks Plugin」
ページが長くなるとページ内アンカーなどで飛ばすことがあるかと思いますが、なかなかの手間です。
そんな面倒臭がりなあなたにjQuery Headerlinks Pluginを紹介します。
これを使用するとhNに自動でアンカーリンクを付け、インデックスを表示してくれます。
使用方法
jQuery Headerlinks Pluginからjquery.headerlinks.min.jsをjQueryからjquery.jsをダウンロードします。
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.headerlinks.min.js"></script>
<script>
$(function(){
$("#id名").headerlinks();
});
</script>
上記を記述したら、あとは普通にhタグを書いていきます。
また、オプションとして下記のようなものもあり、出し方を調整可能です。
deny,hierarchy,headers
最後にインデックスを表示させたい場所にidを記述します。
<div id="id名"</div>
jQueryを使って自動で見出しを作るプラグイン「jQuery Headerlinks Plugin」サンプル
コメントする
記事作成：2010年10月 6日 09:28
