<!DOCTYPE html> <html> <head> <title>Accordion</title> <meta charset="utf-8"> <script type="text/javascript" src="../js/jquery.js"></script> <style ty ...
分类：
Web程序 时间：
2017-11-18 15:22:05
阅读次数：
322
今天在微博上看到别人分享的代码，自己拿来自己保存着。 代码效果如下： 下面是源码： index.html 下面是样式文件： ...
分类：
Web程序 时间：
2017-11-17 19:52:11
阅读次数：
188
一、插件效果 手风琴插件常用的功能均已实现，包括：手风琴菜单项的折叠展开效果、选中指定菜单项、判断菜单项是否选中等。 效果如下： 二、插件内部HTML元素结构 插件主体是一个<ul>列表，里面的奇数<li>为菜单项标题，偶数<li>是菜单项内容，标题<li>被点击时会判断它是否已经选中了，如果没有选 ...
分类：
Web程序 时间：
2017-11-08 17:42:08
阅读次数：
223
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>手风琴效果</title> <style type="text/css"> .accordions { overflow: hidden; width: 800px; height ...
分类：
其他好文 时间：
2017-11-06 15:04:00
阅读次数：
213
实现效果 实现步骤 // 鼠标放入到li中该盒子变宽，其他盒子变窄，鼠标移开大盒子，恢复原样 // 实现步骤 // 1. 给li添加背景 // 2. 绑定onmouseover事件，鼠标放入到li中，该盒子变宽，其他盒子变窄 // 3. 移开盒子，恢复原样 实现代码 ...
分类：
编程语言 时间：
2017-11-01 23:53:01
阅读次数：
242
效果图： 一.纯CSS实现 二.原生JS实现 ...
分类：
其他好文 时间：
2017-10-30 15:08:48
阅读次数：
191
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
Web程序 时间：
2017-10-15 19:44:49
阅读次数：
192
声明式触发手风琴 标题一 折叠区内容 ... ...
分类：
其他好文 时间：
2017-09-23 19:02:17
阅读次数：
92
