帅得掉渣的导航栏

很久前就看到deviantART在改版时用上了ajax的动态导航,前几天又经小常提醒看到了国内的柠檬网也用上了这样的导航,晚上简单看了下柠檬网上的代码,发现写得很死.而且扩展性也不怎么样.于是上网搜索没想到找到了这个牛比的主儿:FASTFIND.(DEMO在这儿)

效果相当得令我快乐,虽然DEMO还有许多不足,但还是让我忍不住下载下来研究下.
整个DEMO所需的js文件:jQuery.js, Interface.js, fastfind.js
后台输出用的是PHP,一个简单根据传入参数生成相应HASH数组再转成导航内容的程序.(程序和fastfind.js都预留了api较验的接口,虽然在DEMO中未提供但还是令人快乐的)

如果要结合到自己的应用程序上的话要对api处理下,简单去去掉么就好了.

对新版的jQuery支持有些小问题,比如fastFindToggle()函数只能Toggle一次.fastfind中的ajaxStart好像在新版jQuery下也会失效.目前放在DEMO中的jQuery是R249的压缩版.

激动了,有点语无伦次了,乱了乱了,,,,理理…

update:
更新一下,补上一个给“大便王子”的autocomplete的demo地址:demo (使用jQuery的Interface插件)
interface:http://interface.eyecon.ro/demos
柠檬网:http://www.lemoons.com/

posted @ 2008-03-19 16:02  曹振华  阅读(398)  评论(0编辑  收藏  举报