脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQuery 二级菜单，一次显示一个小类 鼠标点击显示小类，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

jQuery 二级菜单，一次显示一个小类 鼠标点击显示小类

本例有另外2个关联案例,演示地址分别为2.php,3.php

演示

XML/HTML Code

3. 表单

4. • Horizontal CSS Menus
   • Vertical CSS Menus
   • Image CSS
   • Form CSS

6. 导航菜单

7. • CSS Gallery
   • Menu Gallery
   • Web Design News
   • CSS Examples
   • CSS ComPressor
   • CSS Forums

9. 分页

10. • Free JavaScripts

12. JavaScript Code
    1. <script tyPE="text/javascript">
    4. ddaccordion.inIT({
    5. headerclass: "expandable", //Shared CSS class name of headers group that are expandable
    6. contentclass: "categoryitems", //Shared CSS class name of contents group
    7. revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
    8. mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
    9. collapsePRev: true, //Collapse previous content (so only one open at any time)? true/false
    10. defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
    11. onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
    12. aniMATEdefault: false, //Should contents open by default be animated into view?
    13. persiststate: true, //persist state of opened contents within browser session?
    14. toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
    15. togglehtML: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
    16. animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
    17. oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
    18. //do nothing
    19. },
    20. onopenclose:function(header, index, state, iSUSEractivated){ //custom code to run whenever a header is opened or closed
    21. //do nothing
    22. }
    23. })
    26. </script>
        
        原文地址:http://www.freejs.net/article_DAOhangcaidan_146.html

        觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！&nbsp;@L_777_5@，巧夺天工，精雕玉琢。小宝典献丑了！

        脚本宝典总结

        以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery 二级菜单，一次显示一个小类 鼠标点击显示小类全部内容，希望文章能够帮你解决javascript代码实例教程-jQuery 二级菜单，一次显示一个小类 鼠标点击显示小类所遇到的问题。

        如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

        本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
        如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。