首頁 > 開發者 > JavaScript
今天沒事幹，就做了一個記事本。用jQuery-mobile+html5做的，感覺介面做的還行吧，就是沒有背景操作，不過，背景東西很快就會做完的，今天就把我今天幾個小時的成果給大家看一看吧！我直接上代碼了，大家看看就行了，前台的東西也不是很難！嘿嘿！ [html] <!DOCTYPE html> <html> <head> <title>main.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <script type="text/javascript" src="jquery-1.6.4.min.js"></script><link rel="stylesheet" href="jquery.mobile-1.0.min.css" type="text/css"></link><script type="text/javascript" src="jquery.mobile-1.0.min.js"></script></head> <body> <!-- 首頁面 --> <section id="page1" data-role="page" > <div data-role="header"> <a href="#about" data-rel="dialog" data-transition="pop" data-role="button">關於</a> <h1>記事本</h1> <a href="#page2" data-transition="slidedown" data-role="button" class="ui-btn-right">編輯</a> </div> <div data-role="content"> <ul data-role="listview"> <li data-role="list-divider">2013/2/1</li> <li><a href="index.html">題目四</a></li> <li><a href="index.html">題目三</a></li> <li><a href="index.html">題目二</a></li> <li data-role="list-divider">2012/1/31</li> <li><a href="index.html">題目一</a></li> </ul> </div> <div data-role="footer" data-position="fixed"> <h1>IMUDGES</h1> </div> </section> <!-- 編輯介面 --> <div id="page2" data-role="page"> <div data-role="header"> <a data-role="button" href="#page1" data-transition="slideup">首頁</a> <h1>編輯</h1> <a data-role="button" >儲存</a> </div> <div data-role="content"> <label>文本題目：</label> <input type="text" /> <label>輸入內容：</label> <textarea style="height: 200px;"></textarea> </div> <div data-role="footer" data-position="fixed"> <h1>IMUDGES</h1> </div> </div> <!-- 關於介面 --> <section id="about" data-role="page"> <header data-role="header"><h1>記事本</h1></header> <div data-role="content" class="content"> <p>本軟體由IMUDGES團隊blackberry小組所做，所有著作權blackberry所有！</p> </div> <footer data-role="footer"><h1>IMUDGES</h1></footer> </section> </body> </html> 下面是：
過幾天把後台操作都加上，大家就可以放到自己的手機裡可以用了！（這個一直到手機上的話，用phoneGap，這東西挺好用的呦，有時間把這一塊東西在和大家分享一下下！呵呵）
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
