[wordpress中有很多插件来实现二级菜单，比如wordpress插件 ： 利用Max Mega Menu实现二级菜单的伸缩，不过，如果要简单地实现二级菜单展开手风琴效果，可以用下面的代码，不过得自己定位到一级菜单，定位方法如下：我们可以用menu-item-has-children定位到有二级... ...
分类：
编程语言 时间：
2020-07-12 10:40:27
阅读次数：
121
效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum ...
分类：
Web程序 时间：
2020-07-10 20:54:24
阅读次数：
64
先放效果图 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } img { border: no ...
分类：
其他好文 时间：
2020-06-13 11:04:34
阅读次数：
458
今天学习了jQuery，突发奇想自己动手做一个手风琴特效，这个特效在开发过程中最困难的就是布局，至于jQuery特效的实现还是比较简单的。 话不多说，直接上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...
分类：
编程语言 时间：
2020-05-01 22:36:41
阅读次数：
81
<script> $(function () { //获取所有的li注册鼠标进入和离开的事件 $(".wrap>ul>li").mouseover(function () { $(this).siblings("li").css("opacity",0.5); $(this).css("opacit ...
分类：
其他好文 时间：
2020-04-08 21:04:02
阅读次数：
67
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS3过渡模块-手风琴效果</title> 6 <style> 7 *{margin: 0;padding: 0;} 8 ul{ 9 wi ...
分类：
Web程序 时间：
2020-03-26 19:23:16
阅读次数：
80
作为一个有目标的人（目标是做一个好用的Bootstrap可视化编辑器，第一个版本已经实现，演示地址：https://vular.cn/rxeditor/，代码地址：https://github.com/vularsoft/rxeditor），工作比较积极，思维也比较活跃，睡眠相对较少。今早6:30就 ...
分类：
其他好文 时间：
2020-03-06 10:34:25
阅读次数：
65
动态数据生成的手风琴，collapseVal初始化时直接设置开展面板值（不会自动展开第一个面板）：collapseVal: ["0"], // 手风琴 解决： 使用手风琴组件代码： <!-- 手风琴 ，name可以不设置，默认是索引值 --> <Collapse class="ivu-collaps ...
分类：
其他好文 时间：
2020-02-12 12:35:13
阅读次数：
486
一. 大致的使用方法 二. 完成最外部的样式 三. 进一步调节样式 四. 默认内容折叠起来和点击切换，基本样式和基本功能完成 五. 完善功能第一个点开,第二个就关闭 因为结构比较简单，就父子两个组件，可以用父子通信来做。 六. 增加功能是否可以选择多个 方案一.用 single 变量是否需要控制 e ...
分类：
其他好文 时间：
2020-02-01 16:20:16
阅读次数：
69
手风琴案例 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0; margin: 0; } ul { list-st ...
分类：
Web程序 时间：
2020-01-15 19:28:52
阅读次数：
69
