本文档详细介绍了如何使用jQuery实现适用于移动端的简单滑动导航，主要包括导航条的设计，HTML结构，CSS样式以及核心的jQuery代码实现。
1.1 App滑动导航
说明：这个例子主要是实现一条导航山只有两个选项的。
1.适合用于移动端。
2.滑动条的长度是选项内容的长度。
1.1.1. 效果图
1.1.2. Html
| <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>滑动导航</title> </head> <body> <ul class="slid"> <li><a href="#">滑动到岗</a></li> <li><a href="#">滑动到岗</a></li> <span id="navLine"></span> </ul> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> </body> </html> |
1.1.3. Css
| <style type="text/css"> |
最低0.47元/天 解锁文章
扫一扫
231
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
