插件描述：这是一个轻量级的折叠面板插件，可用在二级菜单、多条目内容块等地方，使用也很方便。有三个参数可以自行设置展开时间等等
这是一个轻量级的折叠面板插件，可用在二级菜单、多条目内容块等地方，使用也很方便
html头部部分：
1 2 3 4 5 6 | <!-- css --><link rel="stylesheet" href="./css/main.css"> <!-- js --><script src="./js/jquery.js"></script><script src="./js/foldpanel.min.js"></script> |
body部分：
1 2 3 4 5 6 7 8 9 10 | <dl class="foldpanel" id="my-foldpanel"> <dt>Section 1</dt> <dd>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam.</dd> <dt>Section 2</dt> <dd>Vestibulum a velit eu ante scelerisque vulputate.</dd> <dt>Section 3</dt> <dd>Nam mi. Proin viverra leo ut odio. Curabitur malesuada.</dd> <dt>Section 4</dt> <dd>Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc.</dd></dl> |
然后在 <body></body>标签前调用该插件即可：
1 2 3 4 5 6 7 8 9 | <script type="text/javascript">$(function(){ $('dl#my-foldpanel').foldpanel({ init: true, // 初始第一个展开, 默认为 true time: 400, // panel展开动画时间, 默认为 300ms dbclose: true, // 在此点击关闭, 默认为 true });})</script> |
现在这个版本可以传3个参数，见注释。
希望大家的支持。
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： LOADING 提示插件
- 下一个特效： 卷轴动画-html5+js完美兼容IE6+