更多>
最新下载
谷歌浏览器插件IconFont检查器 自动获取当前页面使用到的iconfont库，预览、修改、使用
IconFont检查器是一款用来自动获取当前页面使用到的iconfont库工具，可以用来预览、修改和使用，适用于 Google Chrome 和 Microsoft Edge 浏览器。主要功能：检查字体图标：识别和分析网站上使用的所有字体图标。显示字体名称和字符代码：显示每个字体图标的字体名称和字符代码。查看 CSS 规则：显示用于设置字体图标的 CSS 规则。复制字体代码：轻松复制字体图标的代码
0
2025-12-24
谷歌浏览器插件Color Picker for Chrome™ 在网页上拾取颜色 获取颜色HEX/RGB代码
Color Picker for Chrome™ 是一款HEX，RGB颜色选择器，高级滴管，能够在任何页面上拾取颜色，获得颜色的HEX/RGB代码。如何使用插件呢？✓ 安装后，打开您想要获取颜色代码的任何网页✓ 然后单击扩展图标，它将启用颜色选择器图标✓ 再点击所需拾取颜色的地方，它将以HEX和RGB选项为您提供该颜色代码的信息✓ 复制代码并复制相同的步骤以查找另一个颜色代码。Color Pick
0
2025-12-24
24小时阅读排行榜
- 1 如何减少上下文切换_mysql并发处理优化
- 2 JavaScript中的Promise是什么以及如何使用？
- 3 Avalonia如何设置控件的圆角 Avalonia Border CornerRadius用法
- 4 c++ std::enable_if用法 c++ SFINAE技巧实践【进阶】
- 5 如何设置密码过期策略_mysql账户安全管理
- 6 如何在XML中使用条件处理 xsl:if和xsl:choose
- 7 mysql中逻辑结构如何划分_mysql数据库逻辑结构说明
- 8 Python lxml的iterparse如何处理特定事件
- 9 如何使用Golang实现Web应用压缩响应_减少网络传输开销
- 10 JavaScript怎样处理大文件解析_JavaScript中流式读取如何实现
- 11 C++的static关键字用法_C++中静态变量与静态函数的生命周期和作用域
- 12 如何设置字段默认值_mysql default语法
- 13 PHP怎么测试异常处理_PHP测试异常处理技巧【trycatch】
- 14 C++中的std::condition_variable怎么用？C++线程同步与通信【并发控制】
- 15 cssgrid布局子元素水平垂直居中困难怎么办_使用place items center或justify items align items
更多>
最新教程
-
- Node.js 教程
- 14421 2025-08-28
-
- CSS3 教程
- 1541432 2025-08-27
-
- Rust 教程
- 22113 2025-08-27
-
- Vue 教程
- 24607 2025-08-22
-
- PostgreSQL 教程
- 21294 2025-08-21
-
- Git 教程
- 8393 2025-08-21
HTML5手机右侧滑动导航下拉菜单代码
</head>
<body>
<header>
<a class="backprev" href="javascript:history.back(-1);">
<i class="mdui-icon material-icons"></i>
</a>
<div class="head-middle">列表页</div>
<div class="head-right">
<button class="mdui-btn app-btn" mdui-drawer="{target: '#left-drawer'}"><i class="mdui-icon material-icons"></i></button>
<div class="mdui-drawer mdui-drawer-right mdui-drawer-close" id="left-drawer">
<ul class="mdui-list app-slide-menu app-collapse-menu" mdui-collapse="{accordion: true}">
<li class="mdui-list-item mdui-ripple app-list-home ">
<a href="#" class="app-list-item-link mdui-text-left ">
<div class="mdui-list-item-content">
<i class="mdui-list-item-icon mdui-icon material-icons">

</i>首页
</div>
</a>
</li>
<li class="mdui-collapse-item app-hide-list app-collapse-list">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-p-x-0">
<div class="menu-click mdui-list-item-content mdui-text-left" onClick="">
一级栏目
<i class="mdui-collapse-item-arrow mdui-icon material-icons mdui-float-right">

</i>
</div>
</div>
<ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
</ul>
</li>
<li class="mdui-collapse-item app-hide-list app-collapse-list">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-p-x-0">
<div class="menu-click mdui-list-item-content mdui-text-left" onClick="">
一级栏目
<i class="mdui-collapse-item-arrow mdui-icon material-icons mdui-float-right">

</i>
</div>
</div>
<ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
</ul>
</li>
<li class="mdui-collapse-item app-hide-list app-collapse-list">
<a href="#" class=" mdui-list-item mdui-ripple mdui-p-x-0">
<div class="menu-click mdui-list-item-content mdui-text-left">
一级栏目
<i class="mdui-collapse-item-arrow mdui-icon material-icons mdui-float-right">

</i>
</div>
</a>
</li>
</ul>
</div>
</div>
</header>
<script src="js/mdui.js"></script>
代码：
<link rel="stylesheet" href="css/mdui.css" />
<link rel="stylesheet" href="css/app.css" /></head>
<body>
<header>
<a class="backprev" href="javascript:history.back(-1);">
<i class="mdui-icon material-icons"></i>
</a>
<div class="head-middle">列表页</div>
<div class="head-right">
<button class="mdui-btn app-btn" mdui-drawer="{target: '#left-drawer'}"><i class="mdui-icon material-icons"></i></button>
<div class="mdui-drawer mdui-drawer-right mdui-drawer-close" id="left-drawer">
<ul class="mdui-list app-slide-menu app-collapse-menu" mdui-collapse="{accordion: true}">
<li class="mdui-list-item mdui-ripple app-list-home ">
<a href="#" class="app-list-item-link mdui-text-left ">
<div class="mdui-list-item-content">
<i class="mdui-list-item-icon mdui-icon material-icons">

</i>首页
</div>
</a>
</li>
<li class="mdui-collapse-item app-hide-list app-collapse-list">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-p-x-0">
<div class="menu-click mdui-list-item-content mdui-text-left" onClick="">
一级栏目
<i class="mdui-collapse-item-arrow mdui-icon material-icons mdui-float-right">

</i>
</div>
</div>
<ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
</ul>
</li>
<li class="mdui-collapse-item app-hide-list app-collapse-list">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple mdui-p-x-0">
<div class="menu-click mdui-list-item-content mdui-text-left" onClick="">
一级栏目
<i class="mdui-collapse-item-arrow mdui-icon material-icons mdui-float-right">

</i>
</div>
</div>
<ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
<li class="mdui-list-item mdui-ripple app-sub-list app-hide-list">
<a href="#" class="app-list-item-link mdui-text-left">
二级栏目
</a>
</li>
</ul>
</li>
<li class="mdui-collapse-item app-hide-list app-collapse-list">
<a href="#" class=" mdui-list-item mdui-ripple mdui-p-x-0">
<div class="menu-click mdui-list-item-content mdui-text-left">
一级栏目
<i class="mdui-collapse-item-arrow mdui-icon material-icons mdui-float-right">

</i>
</div>
</a>
</li>
</ul>
</div>
</div>
</header>
<script src="js/mdui.js"></script>
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
仿天猫侧悬浮购物车加入动画特效代码
仿天猫侧悬浮购物车加入动画特效代码，很不错的购物车动画JS特效代码，右边带快捷导航菜单栏，还是比较大气的，类似天猫右边导航特效，喜欢的朋友可以自己改造下。
鼠标特效
2017-01-13
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
