線上服務(wù)咨詢
Article/文章
記錄成長(zhǎng)點(diǎn)滴 分享您我感悟
您當(dāng)前位置>首頁(yè) > 知識(shí) > 網(wǎng)站建設(shè)
Php技術(shù)教程
發(fā)表時(shí)間:2019-07-30 16:37:34
文章來源:沈陽(yáng)軟件開發(fā)
標(biāo)簽:網(wǎng)站建設(shè) 小程序開發(fā) 小程序制作 微信小程序開發(fā) 公眾號(hào)開發(fā) 微信公眾號(hào)開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站優(yōu)化 網(wǎng)站排名 網(wǎng)站設(shè)計(jì) 微信小程序設(shè)計(jì) 小程序定制 微信小程序定制
瀏覽次數(shù):0
我記得當(dāng)我做Native App時(shí),它非常類似于Renren的側(cè)滑。根據(jù)這種效果開發(fā)了許多人app的效果。在jqMobi中有類似的效果,稱為Side Menu。讓我們一步一步地實(shí)施。影響。
首先創(chuàng)建一個(gè)新的html文件,引入jqMobi框架,如下所示:
然后添加一個(gè)面板,如下所示
%20
接下來,讓我們?cè)谕患?jí)別的面板下添加一個(gè)
接下來我們將添加一個(gè)面板并添加頁(yè)眉和頁(yè)腳
%20
我們將發(fā)現(xiàn)對(duì)應(yīng)于兩個(gè)面板的側(cè)面菜單是相同的。下面我們?yōu)槊總€(gè)面板指定一個(gè)側(cè)邊菜單
%20
我們會(huì)發(fā)現(xiàn)側(cè)面菜單屬于面板,每個(gè)面板都可以給自己一個(gè)側(cè)面菜單,或者共享一個(gè)側(cè)面菜單
現(xiàn)在最大的問題是如何使上面的側(cè)面菜單具有左右滑動(dòng)效果,這可以通過引入以下js來實(shí)現(xiàn):
網(wǎng)站建設(shè),小程序開發(fā),小程序制作,微信小程序開發(fā),公眾號(hào)開發(fā),微信公眾號(hào)開發(fā),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站優(yōu)化,網(wǎng)站排名,網(wǎng)站設(shè)計(jì),微信小程序設(shè)計(jì),小程序定制,微信小程序定制