在线demo怎么做.min.cssdark.sidr

。要使用侧边栏工具,首先需要在网页源码中添加以下内容,注意路径改为你的路径其中最后一个是主题文件。使用方法,以右侧菜单为例还有其他的几种侧滑菜单,如左侧的菜单,请参看在线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告知本站删除,本站不负任何责任及承诺。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

发表评论

登录后才能评论