Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 移动HTML页面的HTML幻灯片菜单?_Javascript_Jquery_Html_Css_Mobile - Fatal编程技术网

Javascript 移动HTML页面的HTML幻灯片菜单?

Javascript 移动HTML页面的HTML幻灯片菜单?,javascript,jquery,html,css,mobile,Javascript,Jquery,Html,Css,Mobile,我想为移动html页面制作幻灯片菜单 还有jquery库能够做到这一点吗?我自己怎么做? 屏幕左上角应有一个菜单按钮。 如果我点击菜单按钮,内容将向右滑动,菜单栏将显示在左侧 有关详细信息,请参阅本页 包括以下文件: <link rel="stylesheet" href="css/jquery-mobile-slide-menu.css" type="text/css" /> <script type="text/javascript" src="js/jquery-m

我想为移动html页面制作幻灯片菜单

还有jquery库能够做到这一点吗?我自己怎么做?

屏幕左上角应有一个菜单按钮。

如果我点击菜单按钮,内容将向右滑动,菜单栏将显示在左侧


有关详细信息,请参阅本页

包括以下文件:

<link rel="stylesheet" href="css/jquery-mobile-slide-menu.css" type="text/css" />
<script type="text/javascript" src="js/jquery-mobile-slide-menu.js"></script>

<div id="side-menu">
    <ul>
        <li><a href="/">Main</a><span class="icon"></span></li>
        <li><a href="/page-2/">Page 2</a><span class="icon"></span></li>
        <li><a href="/page-3/">Page 3</a><span class="icon"></span></li>
        <li><a href="/page-4/">Page 4</a><span class="icon"></span></li>
    </ul>
</div>
$(function(){
    $('#side-menu').slideMenu();
});