【手機網頁入門實做】jQueryMobile入門 – 摺疊內容 (上)

Hi!各位朋友大家好,我是小蔡老師,簡單的頁面架構都瞭解後,開始進入一些手機版型制作相關,在一開始我們先簡單地講述樣式色彩與巡覽列製作

1.我們先至“產品”頁面加上一些內容頁連結,這邊為了區分各頁面建議各位朋友事先先將主頁面跟內容頁要記得註解分開這樣也比較容易進入制作狀況
001

002

2.在區分的產品內容頁面,因為制作單頁方法一樣,這邊需要注意的是保留內容頁上方的首頁與上頁的連結制作最後加上內容語標題即可
003

a.page1
004

b.page2
005

c.page3
006

3.回到上方產品頁面加入

<ul data-role="listview"></ul>

a.code
007

b.測試出來的結果
008

如此一來基本的內頁讀取置作即完成,還有兩篇請敬請期待
(BLOG 線上教學皆為雅朵美術工房所有&BLOG作品皆為設計者阿哲類所有 未經同意請勿盜連或者轉帖,違反者依法處理)

我想發問