安科网

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

我只是个程序员

我只是个程序员

2014-05-07

关注 关注

文章来源：http://www.itnose.net/detail/6037004.html
更多文章：http://www.itnose.net/type/111.html

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

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

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

XML/HTML Code
  1. <div class="arrowlistmenu">  
  2.   
  3. <h3 class="menuheader expandable">表单</h3>  
  4. <ul class="categoryitems">  
  5. <li><a href="1/">Horizontal CSS Menus</a></li>  
  6. <li><a href="2/">Vertical CSS Menus</a></li>  
  7. <li><a href="4/">Image CSS</a></li>  
  8. <li><a href="6/">Form CSS</a></li>  
  9. </ul>  
  10.   
  11. <h3 class="menuheader expandable">导航菜单</h3>  
  12. <ul class="categoryitems">  
  13. <li><a href="">CSS Gallery</a></li>  
  14. <li><a href="">Menu Gallery</a></li>  
  15. <li><a href="">Web Design News</a></li>  
  16. <li><a href="">CSS Examples</a></li>  
  17. <li><a href="">CSS Compressor</a></li>  
  18. <li><a href="">CSS Forums</a></li>  
  19. </ul>  
  20.   
  21. <h3 class="menuheader expandable">分页</h3>  
  22. <ul class="categoryitems">  
  23. <li><a href="#" >Free JavaScripts</a></li>  
  24.   
  25. </ul>  
  26.   
  27. </div>  
JavaScript Code
  1. <script type="text/javascript">  
  2.   
  3.   
  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. })  
  24.   
  25.   
  26. </script>  

jquery margin font-family

我只是个程序员

我只是个程序员

0 关注 0 粉丝 0 动态

关注 关注

相关推荐

jQuery UI组件库使用技巧小分享，让移动、Web界面开发更简单！

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQue

EdwardSiCong 2020-11-23

详解Vue数据驱动原理

Vue区别于传统的JS库，例如JQuery，其中一个最大的特点就是不用手动去操作DOM，只需要对数据进行变更之后，视图也会随之更新。比如你想修改div#app里的内容:. 在代码层面上的最大区别就是，JQuery直接对DOM进行了操作，而Vue则对数据进行

85477104 2020-11-17

JavaScript枚举选择jquery插件代码实例

聪明的朋友马上想出办法：用两个选项为周一到周日的下拉列表实现，对 那样可以，但是我觉得不够友好，所以利用业余时间写下了这个jQuery小插件。weeks: [{ text: '一', value: 2 }, { text: '二', value: 3 },

hhanbj 2020-11-17

7个 jQuery上手项目，Github超千人star

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功

81427005 2020-11-11

jQuery实现带进度条的轮播图

margin: 0;padding: 0;list-style: none;width: 100%;height: 600px;position: relative;width: 100%;height: 600px;position: absolute;

seoppt 2020-09-13

jQuery实现鼠标拖拽登录框移动效果

<script src="js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>. $(&

honeyth 2020-09-13

jquery实现简易验证插件封装

<input type="text" id="username" name="username" tabindex="1" class="format-inpu

WRITEFORSHARE 2020-09-13

jQuery实现朋友圈查看图片

<a href="images/img1-large.png" style="background-image:url" title="图片一"></a>

84483065 2020-09-11

jQuery实现日历效果

jquery是用的是2.0版本。--基于W3C标准 不用做任何修改-->. --设置初始化文档信息和文档管理标注-->. --整个页面编码 utf-8 国际编码 通用性最强，GBK/gb2312 中文-->. .signincalenda

momode 2020-09-11

jQuery中event.target和this的区别详解

　　1.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远指向触发事件的DOM元素本身；　　2.this和event.target都是dom对象，使用jQuey中的方法可以将他们转换为jquery对象：$和$.比如,

85477104 2020-08-15

9.jQuery初识—选择器、效果

书写繁琐，代码量大。动画效果很难实现。使用定时器，要小心各种定时器的清除。各种操作和处理事件不好实现。浏览器的兼容性。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。插件扩展开发，jQuery有着丰富的第三方插件，

83510998 2020-08-08

Kendo UI for jQuery数据管理使用教程：PDF导出（二）

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQue

82550495 2020-08-03

JQuery 06 属性

区别在于，对于自定义属性和选中属性的处理。选中属性指的是 checked,selected 这2种属性1. 对于自定义属性 attr能够获取，prop不能获取2. 对于选中属性attr只能获取初始值， 无论是否变化prop 能够访问变化后的值，并且以tru

tthappyer 2020-08-03

取代Jquery，用Vue 构建Bootstrap 4 应用

尽管前端程序现在发展迅速，各种框架层出不穷，但是对广大非前端码农来说构建Web界面的最好的选择仍然还是Bootstrap 4。但是Bootstrap依赖于已经严重过时，被抛弃的jQuery组件，那么如何解决这个问题就迫在眉睫了。Vue项目以其轻巧、高性能，

84901334 2020-07-28

隐式迭代---ES5的数组方法以及jQuery的方法调用

对于选择器筛选的dom元素，比如$是一个伪数组jq对象，存放的dom元素，当执行addClass方法，对于每个dom元素都执行此方法，在方法的内部会为匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用如果获取的

tthappyer 2020-07-25

jQuery Ajax 操作函数汇总

jQuery 库拥有完整的 Ajax 兼容套件。执行异步 HTTP 请求。当 Ajax 请求完成时注册要调用的处理程序。在 Ajax 请求发送之前显示一条消息。使用 HTTP POST 请求从服务器加载数据。

TONIYH 2020-07-22

jQuery validate验证表单隐藏域

function validInfoForm(){ return $.validate({ ignore : "",//验证隐藏域,解决切换标签后隐藏域无法验证问题 rules: { oldPassword: { requi

tztzyzyz 2020-07-20

asp.net 利用Ajax和Jquery在前台向后台传参数并返回值

public static string GetValueAjax//这个方法需要是静态的方法要用到关键字static. json=" + username,//ajaxtest.ashx为目标文件

83510998 2020-07-18

Ant-design中使用jQuery

‘window.jQuery‘: ‘jquery‘,上面代码使用了 webpack 的 ProvidePlugin 插件，这个插件在加载某个模块时，如果遇到了未定义的并且在配置文件中配置了的变量，比如上面代码看到的 $、jquery、jQuery、wind

81463166 2020-07-17

56-58-前端-jQuery

python导入模块发生了哪些事？"""我不想下载jQuery文件 能不能使用呢？w.fn.init [p.c1, prevObject: w.fn.init]0: p.c1length: 1prevObject: w.fn.

tztzyzyz 2020-07-05
我只是个程序员

我只是个程序员

W3CSchool教程
HTML 教程
CSS 教程
Bootstrap 教程
Javascript 教程
jQuery 教程
后端教程
C 教程
Java 教程
PHP 教程
Python 教程
Go 教程
移动开发
Android 教程
Swift 教程
Kotlin 教程
jQuery Mobile 教程
ionic 教程
关于我们
新闻动态
联系方式
招聘英才
安科实验室
帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号 京公网安备11010802014868号