强大:基于jQuery UI的多层级手风琴效果插件

见过JS做的手风琴效果插件,但这么强大的第一次见!

上图先:

infogridexample

 

演示是一定要看的:http://css-tricks.com/examples/InfoGrid/

如果你看到示例中的效果跟上图有差异请不要惊慌,因为默认样式表里用到了CSS3版才有的选择器属性,部分版本浏览器肯定是不支持的,像微软的IE!但并不影响使用,你完全可以自定义样式表。

它的的主要结构是通过HTML的DL定义列表实现的,所以代码很容就能看明白,而且配置起来也很方便就几行JS代码,老外的东西就是牛逼!

infogridexampledl

下载和配置:http://css-tricks.com/grid-accordion-with-jquery/

提示:作者提供的压缩包里的示例文件是PHP文件的,有些同学可能没有配置环境,那也没关系,只要把PHP文件里的PHP代码删除然后另存为HTML文件就OK了!

“强大:基于jQuery UI的多层级手风琴效果插件”的6个回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注