JQuery Mobile是一個基于HTML5和CSS3的界面開發(fā)框架，并且支持跨平臺應(yīng)用。其中，其側(cè)滑功能在移動端開發(fā)中非常常見，可以為用戶提供更好的交互體驗。

下面是一個簡單的jquery mobile側(cè)滑實現(xiàn)代碼：

<div data-role="page">
<div data-role="header">
<h1>側(cè)滑例子</h1>
</div>
<div data-role="content">
<div id="slidenav" data-role="panel" data-display='push' data-theme='a'>
<h3>菜單</h3>
<ul data-role="listview">
<li><a href="#">首頁</a></li>
<li><a href="#">商品</a></li>
<li><a href="#">購物車</a></li>
<li><a href="#">我的</a></li>
</ul>
</div>
<a href="#slidenav" data-role="button">打開側(cè)滑菜單</a>
<p>這里是正文</p>
</div>
<div data-role="footer">
<h1>底部</h1>
</div>
</div>

其中data-role="panel"定義了側(cè)滑菜單，而data-role="button"定義了打開菜單的按鈕。

以上是一個簡單的jquery mobile側(cè)滑實現(xiàn)，如果需要更復(fù)雜的效果，可以結(jié)合css3實現(xiàn)動畫效果。希望這篇文章能夠幫助到你。