原创入门教程：设计JqueryMobile起始页之多页结构

 

1. 多页结构：学生成绩查询页面设计... 3

1.1第一个page页面的步骤... 3

1.2第二个page页面的步骤... 5

1.3第三个page页面的步骤... 6

1.4对第一个page页面设计链接... 7

1.5效果测试... 9

 

 

 

 

 

 

1. 多页结构：学生成绩查询页面设计

1.1第一个page页面的步骤

（1）建立一个文件student-score.html，并加入viewpoint、jquery.mobile-1.4.5.min.css、jquery.min.js和jquery.mobile-1.4.5.min.js。

 

 

 

（2）加入JqueryMobile的页面结构

 

 

 

（4）把EXCEL中的一部分表格内容整理到网 页，并排版

 

 

 

1.2第二个page页面的步骤

（1）整理注释

 

（2）加入一个page的代码，并ID命名为student01

 

（3）整理文字和表格

 

1.3第三个page页面的步骤

利用上面的方法，做出新一个page页面，请注意ID 命名为student02.

 

1.4对第一个page页面设计链接

对第一个和第二个学生的“查询”文字 创建链接。

 

 

1.5效果测试