標籤：jquery mobile
<%@ 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>
jQuery mobile 學習07 頂部和底部主功能表列的設定
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
