本文实例为大家分享了jQuery实现手风琴效果的具体代码，供大家参考，具体内容如下

js代码：

css代码：

<div class="jb51code">
<pre class="brush:css;">
.li_list {
width: 100px;
height: 300px;
list-style: none;
float: left;
overflow: hidden;
}

  .li_list img {
    width: 100%;
    height: 100%;
  }

  .divbg {
    width: 600px;
    height: 300px;
    background: rgba(230,0.5);
    text-align: center;
    line-height: 300px;
    float: left;
  }

  .divbg span {
    display: block;
    width: 100px;
    height: 300px;
    float: left;
  }

  .div1 {
    width: 500px;
    height: 300px;
    float: left;
  }
  .mo{
    width: 600px;
  }