• 作者：iHwy, Inc.
• 官網：http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx
• 展示：http://www.ihwy.com/Labs/Demos/Current/jquery-listnav-plugin.aspx

ListNav 是一個抓出所有列表項目�新排�(註1)，�按照數字 0-9�字� A-Z 排列的 jQuery Plugin。中文網站或許比較沒有用字�排列的需求，但是英文網站�分常用，� FAQ 或是一些專業術語的��都是使用字�排列供使用者尋找的（PHP 寫法的 Glossary）。
雖然我們中文沒有那麼常用到，但是我想還是有機會的，一些外來�牌的產�系列�稱��號都有�能會以列表的方�呈�。�於大�的資料（圖書館系統�字典系統），我�為 ListNav 也會滿有用的；�者它外觀也很乾淨清爽，所以決定�擇它介紹給大家。

特色

1. unobtrusive XD (這個字真的很常見到)
2. �於大�的資料有信心（已調校� performance)
3. �用 cookie 儲存特定字�，�會永�都是“A�
4. �用 css 自訂風格
5. 滑鼠 hover 字�上頭會顯示項目的數�
6. ul ol 都�用

來看看 demo �能更一目瞭然

使用方法：

載入 CSS + jQuery � 相關程�

<!-- 這是原版css��自行修改 -->
<link rel="stylesheet" href="css/listnav.css" type="text/css" media="screen" />

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script><!-- Optional -->
<script src="js/listnav.js" type="text/javascript"></script>

�來是 html 格�，這邊�注�的是命�方�，如 id ��� demo，那麼它的�單必須� demo-nav。

<div id="demo-nav"></div>

<ul id="demo">
<li><a href="#">AMCOS</a></li>
<li><a href="#">APRA</a></li>
<li><a href="#">Author</a></li>
<li><a href="#">Assignment</a></li>
<li><a href="#">Copyright</a></li>
<li><a href="#">Dubbing</a></li>
<li><a href="#">Publisher</a></li>
<li><a href="#">PPNZ</a></li>
<li><a href="#">Production Music Libraries</a></li>
</ul>

$(document).ready(function() {
	 $('#demo').listnav();
}

註1：目��太確定的是從它的 demo 看�出�一個 LI �以塞多少�西，因為都�有短短的字+連�。還有若我亂數排�知�它會�會自動按照順�？之後會�補上這兩項測試�果。:)