jQuery mobile 学习07 顶部和底部主菜单栏的设置

来源：互联网发布：vscode svn插件编辑：程序博客网时间：2024/06/05 15:38
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE html> <html><head><title>JQM TITLE</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="jqm/jquery.mobile-1.4.5.css" /><script src="jqm/jquery-1.11.2.js"></script><script src="jqm/jquery.mobile-1.4.5.js"></script></head><body><div data-role="page" id="index"><div data-role="header" data-position="fixed"><h1>页面标题区域</h1></div><div data-role="content"><p>页面内容区域</p><br/><br/><br/><br/><p>页面内容区域</p><br/><br/><br/><br/><p>页面内容区域</p><br/><br/><br/><br/><p>页面内容区域</p><br/><br/><br/><br/><p>页面内容区域</p><br/><br/><br/><br/><p>页面内容区域</p><br/><br/><br/><br/><p>页面内容区域</p><br/><br/><br/><br/><p>页面内容区域</p><br/><br/><br/><br/></div><!--  data-position="fixed"  添加这个属性  可以是整个footer始终固定在窗口的底部，  header部位也是可以的 --><div data-role="footer" data-position="fixed"><!-- 这里的列表最多只能5个列表项，多了就自动换行了 ，两个一行，影响美观 --><div data-role="navbar"><ul><li><a>AAAA</a></li><li><a>BBBB</a></li><li><a>CCCC</a></li><li><a>AAAA</a></li><li><a>BBBB</a></li></ul></div></div></div></body></html>
0 0