。要使用侧边栏工具,首先需要在网页源码中添加以下内容,注意路径改为你的路径其中最后一个是主题文件。使用方法,以右侧菜单为例还有其他的几种侧滑菜单,如左侧的菜单,请参看在线demo在侧滑菜单中,如果你要添加按钮或者其他html元素,你会发现很多效果都失效了,此时你需要去修改他的主题文件.如果你使用白色背景的修改前者,使用黑色的就要修改后者,如添加的格式更改各个选项和或者其它元素照此修改即可。
使用 sidr
sidr 是一个侧滑菜单插件,可以作为隐藏选项使用。需要时点击滑出,查看在线demo感受效果。使用侧边栏工具,首先需要在网页源码中添加如下内容,注意路径改成你的路径
<script src="sources/js/jquery-3.1.1.min.js">script><script src="sources/js/jquery.sidr.js">script><link rel="stylesheet" href="sources/css/jquery.sidr.light.min.css">
最后一个是主题文件。如何使用,以右侧菜单为例
<a id="right-menu" href="#sidr">a><div id="sidr" style="display: none;"> <h2>内容选项h2> <ul> <li><a href="#">1a>li> <li><a href="#">2a>li> <li><a href="#">3a>li> <li><a href="#">4a>li> ul>div>
还有其他几个侧滑菜单,比如左边的菜单,请参考在线演示
遇到的问题
在侧滑菜单中,如果你想添加按钮或者其他html元素,你会发现很多效果都是无效的。这时候就需要修改他的主题文件.sidr..min.css或者.sidr.dark.min.css。如果使用白色背景修改前者,则使用黑色背景修改后者,例如添加的格式
.sidr button { width: 100%; height: 35px; border:1px #ff0000 solid; background-color: #F8F8F8;}
更改单个选项和/或其他元素。更改此文件以更改背景颜色以适合您
免责声明:本文来自网络用户投稿,不代表本站观点和立场。如有侵权请发送邮件至tzanseo@163.com告知本站删除,本站不负任何责任及承诺。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。