<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>中文首字母排序</title>
<link rel="stylesheet" href="css/listnav.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<!--获取中文首字母的函数，需要jQuery支持-->
<script src="js/jquery.charfirst.pinyin.js" type="text/javascript"></script>
<!--ListNav是一个用于创建按字母顺序分类导航的jQuery插件。-->
<script src="js/jquery.listnav.min-2.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#myList').listnav({
includeOther: true,
noMatchText: '没有内容',
prefixes: ['the', 'a']
});
})
</script>
</head>
<body>
<div id="noticeMSG">
<label>中文字母序：</label>
</div>
<br />
<!--显示字母序的层。注：此层id必需是ul的id+"-nav"-->
<div id="myList-nav">
</div>
<!-- 兼容IE6 加clear:both;-->
<ul id="myList" style="clear:both;">
<li><a href="https://www.oursss.com" target="_blank">123</a></li>
<li><a href="https://www.oursss.com" target="_blank">aaaaaa</a></li>
<li><a href="https://www.oursss.com" target="_blank">四川大学</a> </li>
<li><a href="https://www.oursss.com" target="_blank">四川师范大学</a></li>
<li><a href="https://www.oursss.com" target="_blank">成都大学</a> </li>
<li><a href="https://www.oursss.com" target="_blank">成都理工</a> </li>
<li><a href="https://www.oursss.com" target="_blank">电子科大</a> </li>
<li><a href="https://www.oursss.com" target="_blank">西南科大</a> </li>
<li><a href="https://www.oursss.com" target="_blank">西南财大</a> </li>
<li><a href="https://www.oursss.com" target="_blank">四川音乐学院</a></li>
<li><a href="https://www.oursss.com" target="_blank">中国</a> </li>
<li><a href="https://www.oursss.com" target="_blank">辈子</a> </li>
<li><a href="https://www.oursss.com" target="_blank">你可以动态加载这些内容</a></li>
<li><a href="https://www.oursss.com" target="_blank">Renner整理</a></li>
<li><a href="https://www.jb51.net" target="_blank">#www.jb51.net</a></li>
</ul>
</body>
</html>
分享到：
相关推荐
摘要:脚本资源,jQuery,字母排序 jQuery按照汉语字母首字母排序来检索对应的中文汉字，因为固有的jQuery字母排序插件ListNav不支持中文，比较头疼，最后找到一个取中文首字母的JS函数，再配合ListNav，很好的解决了...
1，本示例是基于微软拼音类库的jquery.autocomplete自动拼音首字母匹配搜索实现，解决了多音字匹配问题。 2，由于用了Linq查询，所以至少需要.NET Framework 3.5。 4，由于jquery匹配时的match项和result项来自不同...
城市选择插件，类似于58同城，携程之类的城市选择页面
jQuery按拼音首字母选择城市
一款简洁实用的jQuery手机端首字母查询城市选择插件，选择首字母来搜索全国市县区城市代码下载。
将列表项内容按照首字母排序后，显示一个排序后的列表（非原创，忘记在哪下载的了，对原创说声抱歉）
效果描述： 我们在用手机APP的时候，经常碰到这样一个根据字母排序定位页面位置的样式 想起来挺难的，其实只要一个插件，它可以自己判断你的汉语拼音首字母 然后自动排序，点击右侧字母自动定位当前位置
依赖高版本的jquery ，适应各种高版本的浏览器。 调用方法： 对任意一个select元素，例如 《select id="select1"》 不需要做任何改动，只需加入以下代码: $('#select1').selectseach('/img/'); (这里假设图片放在了...
9.17 按照首字母进行元素排序 9.18 获取URL地址的Hash参数 9.19 避免多行文本溢出的算法 9.20 随机选择一个元素 9.21 替换＆bnsp；空字符的方法 9.22 序列化表单到JSON数据 9.23 获取页面加载时间 9.24 将单个句子...
jQuery的字母排序插件ListNav不支持中文，比较头疼，最后找到一个取中文首字母的JS函数，再配合ListNav，可以完善支持中文按首字母进行排序。
使用JQuery实现将城市关于首字母进行排序，方便网页的制作
286 9.9 对表格排序 288 9.10 小结 289 第10章 使用CSS 290 10.1 区分HTML元素 291 10.2 向内嵌在一个元素中的另一个元素应用样式 292 10.3 缩进段落 293 10.4 将段落的首字母设为大写 294 10.5 去除标题和段落之间...
主题特色 支持 IE7+、Chrome、Firefox 等主流浏览器 支持 WordPress 3.6 以上（3.6 以下可能不支持） ...内置 文章存档 和 标签云（支持中文首字母排序）两个页面模板，新建页面选择对应的模板即可.
首先需要得到所有的城市，然后拿出城市的首字母，放入一个数组中，去重并排序， 得到无重复并有序的索引数组后加入到div中显示 2.根据索引进行页面滚动 需要给索引列表添加事件，由于锚点会在链接产生带#号的地址...
风格简洁大方，地区信息可以外部传入，地区信息使用按首字母归类排序
取汉字拼音的首字母，只要你输入一个汉字，或者是多个汉字就会取出相应的道字母，主要是方便查询使用的 复制代码 16.配置文件操作类 ConfigHelper 1.根据Key取Value值 2.根据Key修改Value 3.添加新的Key ，Value...
5.对首页最新评论和最新留言中连续数字或者连续字母进行强制换行，防止内容被隐藏 6.解除对p、img、input、button等标签默认空隙的限制 7.屏蔽掉网站数据库和采集数据库的数据库还原功能 8.广告管理中广告编辑，加入...