html 一款底部导航的实现
2016-10-14 19:07
399 查看
</html>
<!DOCTYPE html>
<html>
<head>
<meta name="taoxue" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/jquery.mobile-1.4.5.min.css">
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
</div>
<div data-role="main" class="ui-content">
<p>我的内容..</p>
</div>
<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="home">主页</a></li>
<li><a href="#" data-icon="arrow-r">www</a></li>
<li><a href="#" data-icon="search">XXX</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name="taoxue" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/jquery.mobile-1.4.5.min.css">
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
</div>
<div data-role="main" class="ui-content">
<p>我的内容..</p>
</div>
<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="home">主页</a></li>
<li><a href="#" data-icon="arrow-r">www</a></li>
<li><a href="#" data-icon="search">XXX</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
相关文章推荐
- 纯CSS实现底部固定漂浮导航
- 底部导航的RadioButton 方式实现
- JS实现静态html页面左侧导航,右侧连接页面
- 安卓开发笔记——TabHost组件(一)(实现底部菜单导航)
- 【简单项目框架一】Fragment实现的底部导航
- 在html页面中插入jsp代码实现页面导航
- Android 利用ViewPager实现底部圆点导航左右滑动效果以及Fragment页面切换
- 全屏实现-去除android盒子底部的虚拟导航按键
- HTML,Jsp,Jquery 应用锚点实现页面的导航显示
- 一款由css3和jquery实现的响应式设计导航
- 纯html5+css3下拉导航菜单实现代码
- UL LI结构实现二级导航菜单(HTML+CSS+JS)
- html5+css3实现一款注册表单
- TabHost实现底部导航示例
- 【简单项目框架一】Fragment实现的底部导航
- 摘自迅雷视频网站基于CSS+HTML实现大气清新的蓝色导航
- html5+css3实现一款注册表单实例
- 底部导航的RadioButton 方式实现
- Fragment实现底部导航
- 一款由css3和jquery实现的响应式设计导航