首頁 > 軟體

jquery mobile如何搭建第一個手機網站?

2019-12-12 21:43:49

現在移動互聯發展很快,尤其是前端框架比較多,下面我向大家介紹的勢jq mobile的入門知識以及頁面之間的跳轉問題,可以說,只要懂了入門知識,後面搭建手機網站才能得心應手。

1

首先要引入檔案,我這裡是通過官網檔案引入的,你當然也可以下載下來,參照


2

如圖所示,在一個div內寫一個data-role="page"的樣式


3

在div內繼續建立header content footer。


4

將data-role="page"的div加上id,並且把content中的內容加上如圖所示的連結。


5

同時複製一個page,將id和content中的內容改變。


6

用火狐瀏覽器開啟,點選圖示小按鈕,進入響應模式(專門為偵錯手機設計的模式)。


7

點選效果如圖所示,這樣咱們第一個手機頁面就做好了。




IT145.com E-mail:sddin#qq.com