Jquery中文首字母排序
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>中文首字母排序</title>
<linkrel="stylesheet"href="css/listnav.css"type="text/css"media="screen"charset="utf-8"/>
<scriptsrc="js/jquery-1.4.4.min.js"type="text/javascript"></script>
<!--获取中文首字母的函数，需要jQuery支持-->
<scriptsrc="js/jquery.charfirst.pinyin.js"type="text/javascript"></script>
<!--ListNav是一个用于创建按字母顺序分类导航的jQuery插件。-->
<scriptsrc="js/jquery.listnav.min-2.1.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(function(){
$('#myList').listnav({
includeOther:true,
noMatchText:'没有内容',
prefixes:['the','a']
});
})
</script>
</head>
<body>
<divid="noticeMSG">
<label>中文字母序：</label>
</div>
<br/>
<!--显示字母序的层。注：此层id必需是ul的id+"-nav"-->
<divid="myList-nav">
</div>
<!--兼容IE6加clear:both;-->
<ulid="myList"style="clear:both;">
<li><ahref="https://www.oursss.com"target="_blank">123</a></li>
<li><ahref="https://www.oursss.com"target="_blank">aaaaaa</a></li>
<li><ahref="https://www.oursss.com"target="_blank">四川大学</a></li>
<li><ahref="https://www.oursss.com"target="_blank">四川师范大学</a></li>
<li><ahref="https://www.oursss.com"target="_blank">成都大学</a></li>
<li><ahref="https://www.oursss.com"target="_blank">成都理工</a></li>
<li><ahref="https://www.oursss.com"target="_blank">电子科大</a></li>
<li><ahref="https://www.oursss.com"target="_blank">西南科大</a></li>
<li><ahref="https://www.oursss.com"target="_blank">西南财大</a></li>
<li><ahref="https://www.oursss.com"target="_blank">四川音乐学院</a></li>
<li><ahref="https://www.oursss.com"target="_blank">中国</a></li>
<li><ahref="https://www.oursss.com"target="_blank">辈子</a></li>
<li><ahref="https://www.oursss.com"target="_blank">你可以动态加载这些内容</a></li>
<li><ahref="https://www.oursss.com"target="_blank">Renner整理</a></li>
<li><ahref="https://www.jb51.net"target="_blank">#www.jb51.net</a></li>
</ul>
</body>
</html>