<div class="sfmenu"> <ul> <li class="bg"> <a href="#"> <img src="1.jpg" alt="图1"/> <div class="Miaoshu Miaoshu_moren"> <p></p> <span></span> </div> </ ...
分类：
其他好文 时间：
2016-04-15 13:47:14
阅读次数：
220
一：纯css+html的手风琴效果 这种用css写的手风琴比较简单，主要是应用到css中的，transition属性。 代码如下： 二：纯js+html制作手风琴 这个手风琴出现一个问题，就是单独移动每个li时，没问题，但是当移动很快时，最右边的li出现空隙。我感觉是定时器的问 题，就是当每个li还 ...
分类：
Web程序 时间：
2016-04-03 13:16:50
阅读次数：
245
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>squeezebox</title> 6 <style> 7 *{ 8 padding:0; 9 margin:0; 10 } 11 bod
分类：
Web程序 时间：
2016-02-29 18:01:25
阅读次数：
242
最近新开发一个简单项目，用到左侧两级的菜单。习惯性的去网上扒jquery手风琴效果，结果悲剧了好久…… 是该认认真真去学jquery,练习自己写动画效果了。从理解别人代码开始吧！注：jquery-1.8.3.min.js需要下载文件放到同级名为js的文件夹里。 jquery垂直展开折叠手风琴效...
分类：
Web程序 时间：
2015-12-28 15:33:33
阅读次数：
184
slimscroll可自定义程度很高的虚拟滚动条插件metisMenu 是个Bootstrap 3 风格的 jQuery 菜单插件，允许用户创建类似手风琴效果的可折叠菜单，允许自动折叠效果Gritter 是一个小型的 jQuery 消息通知插件jquery通知插件toastrtinymce 所见即所...
分类：
其他好文 时间：
2015-12-09 18:58:10
阅读次数：
136
思路：选几张图片。CSS写好样式。效果过程就是当鼠标覆盖图片时，这张图片的宽度变大。其他兄弟图片宽度变小。效果如下：See the Pen EVLWQN by moyu (@MoYu1991) on CodePen.jQuery横向手风琴图片展示动画DEMO演示给你15分钟做“对”的时尚人服饰封面明...
分类：
其他好文 时间：
2015-10-28 12:35:09
阅读次数：
143
图片的轮播效果！主要运用了元素的style样式属性，与setInterval(); //随便找三张width：960px;height:400px;的图片 停止播放作业：用js做个手风琴效果！
分类：
Web程序 时间：
2015-09-11 23:21:44
阅读次数：
189
在上篇 css3 手风琴效果中得到灵感，通过简单css实现二级导航效果首先页面结构还是通过无需列表嵌套来实现 item1 subItem1 ...
分类：
Web程序 时间：
2015-09-10 23:55:25
阅读次数：
373
最近入手了大漠的《图解css3》所以会寻找一些案例来尝试，顺便和大家交流学习 今天和大家分享的css3实现手风琴效果也是从大漠老师那里学来的 ============================分割线====================================== 首先看一下布局结构...
分类：
Web程序 时间：
2015-09-10 22:40:19
阅读次数：
281
