+ -
当前位置:首页 → 问答吧 → [原创]基于JQUERY的仿MAC风格金鱼眼导航栏(网友lizhi请进)

[原创]基于JQUERY的仿MAC风格金鱼眼导航栏(网友lizhi请进)

时间:2009-10-14

来源:互联网

制作时参照了Interface框架的相同UI,但代码和实现原理是原创的,目的在于改善效率,减少CPU的运算次数
特点:
    可自定义导航条中的图标,链接,内容,位置
    可自定义图标的最大,最小值,
    可对已经有的一行若干个图标对列,进行直接的增删操作
    经测试,兼容IE6--IE6,FF,CHROME浏览器
缺点:
    因为采用的运算函数实现问题,本金鱼眼UI的图标缩放幅度和最多可缩放个数比INTERFACE的小,还望广大网友能给出新运算函数的改进意见。

原版的请参见LIZHI网友的"模拟谷歌的超炫效果"http://bbs.jquery.org.cn/read.php?tid-6755.html
图例

GooFisheye.rar (179 K) 下载次数:205
[ 此帖被sdlddr在2009-10-14 14:26重新编辑 ]

作者: sdlddr   发布时间: 2009-10-14

效果还不错,大小比我的小很多,但切换稍微有点不够平滑,CPU占用率也很高:
http://www.keakon.cn/

作者: keakon   发布时间: 2009-10-14

拜托,你用的也是INTERFACE的,而且MONUSEMOVE事件被绑定在了整个页面上,所以在实际使用中可能会与用户自定的MOUSEMOVE事件冲突。另外,我用FIREBUG查看这个INTERFACE的fisheye时,只要其中几个图标有简单的动画,所有的图标的宽和左边距都在狂变

作者: sdlddr   发布时间: 2009-10-14

一定存在一个好的算法,在取代我原来的那个算法后,就能得到像原版那样大的连变动画了

作者: sdlddr   发布时间: 2009-10-14

真是好东西, 呵呵

作者: wudao_100   发布时间: 2009-10-20

必定会一下的?~!!!!!!
    

作者: 熊崽   发布时间: 2009-12-22

楼主加油!!!

作者: tdmd   发布时间: 2009-12-22

太酷了

作者: jzcd2010   发布时间: 2010-01-06