本文主要教大家如何简单实现
jquery
手风琴效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
js代码：
css代码：
html代码：
相关推荐：
基于jQuery的AJAX和JSON的实例 中文WORD版
本文档主要讲述的是基于jQuery的AJAX和JSON的实例；过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。有需要的朋友可以下载看看
下载
纯CSS实现手风琴效果示例详解
jquery手风琴焦点动画
利用Bootstrap实现手风琴效果
.li_list {
width: 100px;
height: 300px;
list-style: none;
float: left;
overflow: hidden;
}
.li_list img {
width: 100%;
height: 100%;
}
.pbg {
width: 600px;
height: 300px;
background: rgba(230, 0, 0, 0.5);
text-align: center;
line-height: 300px;
float: left;
}
.pbg span {
display: block;
width: 100px;
height: 300px;
float: left;
}
.p1 {
width: 500px;
height: 300px;
float: left;
}
.mo{
width: 600px;
}
-
萌宠
-
萌宠
-
萌宠
-
萌宠