css＆jquery - 关画布菜单和子菜单像udemy.com

Question

如何创建画布菜单&子菜单像udemy.com由css & jquery为web应用程序视图？

---

您可以通过此看到udemy.com在Web应用程序视图：

1. 打开Chrome
2. 转到udemy.com
3. F12
4. Ctrl + Shift + M

---

我发现this demo但它不像udemy.com。

请参阅本图片：

Answer 1

如果您已经加载的jQuery，我猜你也打算使用jQuery Mobile和你去完成被称为“板”是什么。一个简单的面板标记是这样的：

<div data-role="page"> 
    <div data-role="panel" id="mypanel"> 
     <!-- panel content goes here --> 
    </div><!-- /panel --> 
    <!-- header --> 
    <!-- content --> 
    <!-- footer --> 
</div><!-- page --> 

查看文档。 jQuery Mobile面板是高度可配置的。 http://demos.jquerymobile.com/1.4.2/panel/