这几天我折腾起了前端,因为我想让应用的体验稍微好那么一点,在茫茫网络世界中,我上了JQuery的贼船。
理所当然地,我首先选择了官方性质的jquery ui库,但是其臃肿的体型,杯具的性能以及难缠的界面定制(官方有themeroller工具,但是除了配色你能改变它那个骚样吗?而且圆角在IE上并不支持)让我只好努力寻找其他的替代者。最终我相中了JQuery Tools,主要包括最常用的几个组件:Tabs(Accordion, Slideshow), Tooltips,Overlay(Box),Expose, Scrollable, Flashembed。怎么用俺就不说了,因为我懒,上官网吧,文档还是很齐全的。另外这里有个中文链接:
http://css9.net/flexible-ui-library-jquery-tools/
JQuery Tools让我爽的地方是:
1、小巧,真正做到了传说中的精悍;
2、js, html, css的分工很明确,侵入性很低,不会因为使用个库就强行甩给你一个垃圾模样,当然你也可以很懒,照抄官网示例的样式吧。
3、扩展性很好;
比如Accordion,我们客户希望能增加全部展开/关闭功能,只要增加这两个方法即可:
expandAll: function() {
tabs.each(function() {
$(this).next().slideDown();
});
tabs.addClass(conf.current);
current = -1;
},
collapseAll: function() {
tabs.each(function() {
$(this).next().slideUp();
});
tabs.removeClass(conf.current);
current = -1;
}
最后,再推荐一个地方:leigeber.com,好几个tinyx的组件真的不错。