簡介
jQuery Mobile 是創(chuàng)建移動 web 應(yīng)用程序的框架。
jQuery Mobile 適用于所有流行的智能手機(jī)和平板電腦。
jQuery Mobile 使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進(jìn)行布局。
官網(wǎng)
http://jquerymobile.com
配合jquery 才能正常使用
一個小實(shí)例
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" >
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"> </script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>歡迎訪問我的主頁</h1>
</div>
<div data-role="content">
<p>Welcome!</p>
<a href="#pagetwo">轉(zhuǎn)到頁面二</a>
</div>
<div data-role="footer">
<h1>頁腳文本</h1>
</div>
</div>
<div data-role="page" id="pagetwo">
<div data-role="header">
<h1>歡迎訪問我的主頁</h1>
</div>
<div data-role="content">
<p>Goodbye!</p>
<a href="#pageone">轉(zhuǎn)到頁面一</a>
</div>
<div data-role="footer">
<h1>頁腳文本</h1>
</div>
</div>
</body>
</html>
更多實(shí)例及使用方法參考
思考
jquery mobile有點(diǎn)像微信的 weui 微信網(wǎng)頁開發(fā)樣式庫。網(wǎng)址為：http://mp.weixin.qq.com/wiki/2/ae9782fb42e47ad79eb7b361c2149d16.html
手機(jī)端各種樣式庫都出來了，很方便。
感覺沒有bootstrap好，不能做PC端的。
