YouTube左侧菜单效果,点击显示左侧菜单
XML/HTML Code
- <div class="side">
- <nav class="dr-menu">
- <div class="dr-trigger"><span class="dr-icon dr-icon-menu"></span><a class="dr-label">账号</a></div>
- <ul>
- <li><a class="dr-icon dr-icon-user" href="#">freejs</a></li>
- <li><a class="dr-icon dr-icon-camera" href="#">Videos</a></li>
- <li><a class="dr-icon dr-icon-heart" href="#">Favorites</a></li>
- <li><a class="dr-icon dr-icon-bullhorn" href="#">Subscriptions</a></li>
- <li><a class="dr-icon dr-icon-download" href="#">Downloads</a></li>
- <li><a class="dr-icon dr-icon-settings" href="#">Settings</a></li>
- <li><a class="dr-icon dr-icon-switch" href="#">Logout</a></li>
- </ul>
- </nav>
- </div>
原文地址:http://www.freejs.net/article_daohangcaidan_318.html