<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery手机风格通讯录字母滑动查询联系人手机号码手机网页特效-懒人模板【http://www.lanrenmb.com/yidongyunying/shoujijianzhan/】</title>
<meta name="description" content="jquery slidernav滑块插件仿iPhone苹果手机风格通讯录字母滑动查询联系人手机号码效果,通过鼠标滑到字母上进行查询联系人手机号码。" />
<link rel="stylesheet" type="text/css" href="css/slidernav.css" media="screen, projection" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/slidernav.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider').sliderNav();
});
</script>
<style>
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:#eee;}
/* demo */
.demo{width:400px;margin:20px auto;}
</style>
</head>
<body>
<div class="demo">
<div id="slider">
<div class="slider-content">
<ul>
<li id="a"><a name="a" class="title">A</a>
<ul>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Adam</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Alex</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Ali</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Apple</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Arthur</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Ashley</a></li>
</ul>
</li>
<li id="b"><a name="b" class="title">B</a>
<ul>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Barry</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Becky</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Biff</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Billy</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Bozarking</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Bryan</a></li>
</ul>
</li>
<li id="c"><a name="c" class="title">c</a>
<ul>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Calista</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Cathy</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Chris</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Cinderella</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Corky</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Cypher</a></li>
</ul>
</li>
<li id="d"><a name="d" class="title">d</a>
<ul>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">damien</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">danny</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">denver</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">devon</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">doug</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">dustin</a></li>
</ul>
</li>
<li id="e"><a name="e" class="title">E</a>
<ul>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Barry</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Becky</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Biff</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Billy</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Bozarking</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Bryan</a></li>
</ul>
</li>
<li id="f"><a name="f" class="title">f</a>
<ul>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Calista</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Cathy</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Chris</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Cinderella</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Corky</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Cypher</a></li>
</ul>
</li>
<li id="g"><a name="g" class="title">g</a>
<ul>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">damien</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">danny</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">denver</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">devon</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">doug</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">dustin</a></li>
</ul>
</li>
<li id="h"><a name="h" class="title">h</a>
<ul>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Barry</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Becky</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Biff</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Billy</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Bozarking</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Bryan</a></li>
</ul>
</li>
<li id="i"><a name="i" class="title">i</a>
<ul>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Calista</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Cathy</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Chris</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Cinderella</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Corky</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Cypher</a></li>
</ul>
</li>
<li id="j"><a name="j" class="title">j</a>
<ul>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">damien</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">danny</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">denver</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">devon</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">doug</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">dustin</a></li>
</ul>
</li>
<li id="k"><a name="k" class="title">k</a>
<ul>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Barry</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Becky</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Biff</a></li>
<li><a href="http://www.lanrenmb.com/yidongyunying/shoujijianzhan/">Billy</a></li>
<li><a href="http://www.lanrenmb
jquery手机风格通讯录字母滑动查询联系人手机号码手机网页特效.zip
179 浏览量
2024-05-02
21:06:01
上传
评论
收藏 35KB ZIP 举报
MarcoPage
- 粉丝: 3431
- 资源: 4248
最新资源
- Axure RP 9是一款专业的快速原型设计工具,安装即用
- 基于JSP+Servlet+Tomcat9.0+IDEA+Mysql实现的Javaweb图书管理系统
- Toon Boom Storyboard Pro 是一款专业的故事板制作软件,专为动画制作和影视前期制作而设计
- Serif Affinity Designer 是一款专业的矢量图形设计软件,旨在提供强大的创意工具和无与伦比的性能
- dbeaver exe安装脚本
- 基于Python+OpenCV人脸识别考勤管理系统+源代码(高分毕业设计).zip
- Photoshop 900个矢量和Photoshop画笔
- 华为项目管理十大模板管理表格
- Scratch资源~打宝箱小游戏
- 使用 MATLAB 绘制傅里叶级数图案
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈