基于框架的使列表导航兼容中文首字拼音排序的实现代码

效果图如下所示

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML '标题中文首字母排序/title link rel='样式表href=' CSS/列表导航。CSS ' type=' text/CSS ' media=' screen ' charset=' utf-8 '/script src=' http : js/jquery-1。4 .4 .量滴js ' type=' text/JavaScript '/script！-获取中文首字母的函数，需要框架支持-script src=' http : js/jquery。夏福特。拼音。js ' type=' text/JavaScript '/script！列表导航是一个用于创建按字母顺序分类导航的框架插件。script-src=' http : js/jquery。列表导航。最小值-2.1。js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $(' # MyList ')).listnav({ includeOther: true，noMatchText: '没有内容，前缀3360[' the '，' a ']})；})/脚本/头体div id='noticeMSG '标签中文字母序：/label /div br /！-显示字母序的层。注：此层编号必需是保险商实验所的id '-nav '-div id=' MyList-nav '/div！-兼容IE6加clear : both-ul id=' MyList ' style=' clear : both；利亚。JB 51。net ' target=' _ blank ' 123/a/Li lia href=' https://www .JB 51。net ' target=' _ blank ' AAAA/a/Li lia href=' https://www .JB 51。net ' target=' _ blank '四川大学/a/Li liaJB 51。net ' target=' _ blank '四川师范大学/a/Li liaJB 51。net ' target=' _ blank '成都大学/a/Li liaJB 51。net ' target=' _ blank '成都理工/a/Li liaJB 51。net ' target=' _ blank '电子科大/a/Li liaJB 51。net ' target=' _ blank '西南科大/a/Li liaJB 51。net ' target=' _ blank '西南财大/a/Li liaJB 51。net ' target=' _ blank '四川音乐学院/a/Li liaJB 51。net ' target=' _ blank '中国/a/Li liaJB 51。net ' target=' _ blank '你可以动态加载这些内容/a/Li liaJB 51。net ' target=' _ blank ' Renner整理/a/Li liaJB 51。net ' target=' _ blank ' JB 51。net/a/Li/ul/body/html P . s : jQuery列表导航插件列表导航是一个用于创建按字母顺序分类导航的框架插件。官方网址：http://www .我知道。com/Labs/jquery-list导航插件。文件在线演示：http://demo . JB 51 . net/js/2011/list nav-jquery/index . html打包下载地址//www .JB 51。net/jiao Ben/37213。超文本标记语言