JQ实现手风琴案例
- 看过原生js打的手风琴案例感觉太麻烦,所以亲手打了一个 用jq实现的手风琴案例。
- 首先 我们来看html部分
不用设置img的样式 所以我就不需要上面命名,直接一个大盒子包着五个小盒子里面再包着一个img。
3.上面是css的样式
Css样式 虽然很简单 但是还是要有几点注意的。类为.Box的 div 为最大的盒子,其实它按道理来说应该设置刚好为1200px的
设置1300px 是为了避免出现bug,为什么会出现bug在讲解代码的时候我会说
图片的宽度1226px 这里 直接引入 图不用给img 设置样式 ,因
为 我给它父元素div设置 overflow:hidden; 就行了这样它最后一张图片就不会超出240px。
4.最后这是 实现手风琴的代码&#x