JQuery横向纵向手风琴切换效果

William2011-01-26 23:26设计16,331次阅读58条评论

最近在腾讯微博的帮助页面看到一个效果，类似手风琴的切换效果。不过腾讯微博的那个效果感觉还有点呆板，于是想到用Jquery做个稍稍炫一些。

这种列表格式的分类感觉使用的还是蛮多的。同时也可以做一些扩展。

之前就发现暴雪主页的那个类似手风琴切换的效果很棒，暴雪主页的整体页面的效果也是很棒的。于是就可以把暴雪主页的效果给用到这里来。

暴雪这个是纵向手风琴切换，于是我又整理了一些横向手风琴切换的效果。大家可以研究研究，这两个效果在目前使用是很多的，可以拓展为很多的应用。内容的展示以及新闻的轮播都可以用到。

下面这个横向手风琴切换有3个样式，原版的IE8下分类前面的数字有些错位，我稍稍修正了下。

下面这个是仿着腾讯的那个样式做的，当然使用的是上面的效果。做了个分类导航。