插件描述：这是又一个实现手风琴式菜单的jQuery插件。但您不必单击以打开一个菜单，您只需将滑鼠移动到它。
这个jQuery插件叫做“HoverAccordion” - 用户不必点击打开一个项目，他们只是将鼠标移动到它。
它也可能作为一个普通手风琴在页面中显示不同类型的内容。
要求列表的代码尽可能少的自定义，以使插件工作，这对我很重要，即我不用去手动添加类等，以有源元件，如列表的结构已包含所需的所有信息。
使用方法
引用
1 2 | <script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/jquery.hoveraccordion.min.js"></script> |
jQuery中
1 2 3 4 5 6 | <script type="text/javascript"> $(document).ready(function () { // Setup HoverAccordion for Example 1 $('#example1').hoverAccordion(); });</script> |
html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <ul id="example1"> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a> <ul> <li><a href="index.php?id=2e#ex1">Subitem 2b</a></li> <li><a href="index.php?id=2e#ex1">Subitem 2c</a></li> <li><a href="index.php?id=2e#ex1">Subitem 2d</a></li> <li><a href="index.php?id=2e#ex1">Subitem 2e</a></li> </ul> </li> <li><a href="#">Item 3</a></li> <li><a href="#">Item 4</a></li> <li><a href="#">Item 5</a> <ul> <li><a href="index.php?id=5a#ex1">Subitem 5a</a></li> <li><a href="index.php?id=5b#ex1">Subitem 5b</a></li> <li><a href="index.php?id=5c#ex1">Subitem 5c</a></li> </ul> </li> <li><a href="#">Item 6</a></li></ul> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery多级菜单插件
- 下一个特效： jQuery表单验证插件 jQuery.validity