jQuery slider手风琴特效

作者:林炜贤来源:www.163css.com发表时间:(2011-09-21)

之前我做过一个竖向手风琴效果,在许多网站中也应用了,但我总觉得有点不好,因为它采用了四个脚本,加起来都几M了,这非常不好,而且在高度上还存在缺点,它是根据最大高度来设置下拉高度,不能不说是一种遗憾。

今天我向大家介绍的这种是通过jquery slider来实现的,如何你看下slider那个脚本,你会非常开心的,居然这么少代码,跟之前的脚本相比,这个特效至少少几M,开心吧,我是非常高兴的。

当触发的时候,当前的样式名是open,这个算少见了,我以前都是用active或是on:

同样了实现了背景的切换,当时加上样式名selected;

这是让我爱上这个特效的地方,dd部分的高度可以不断增加,而其它却不会变,真牛,slider这个函数写得不错。。

以下是我制作的效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.net/net163/cssjs/201109/jqslider/index.html

下载地址:jQuery slider实现手风琴特效 .zip

返回作者主页:www.163css.com阅读 (7569)
更多 1