当前位置:首页->案例浏览->网站导航优化->网站特效,DIV鱼眼菜单案例
 

网站特效,DIV鱼眼菜单案例

摘要描述:

    鱼眼菜单,英文名称为"Fisheye menus",它既着眼于整体,又聚焦于具体,使整体和局部达到了比较完美的统一。对于帮助用户浏览很长、但有序的列表很有用处。该菜单可以动态的变换菜单条目的尺寸,将鼠标所在区域放大。这样便可以在一个屏幕上显示并操作整个菜单了,而无需传统的按钮、滚动条、或分级浏览结构。

 

达闻SEO案例网,网站特效,鱼眼菜单,英文名称为"Fisheye menus",它既着眼于整体,又聚焦于具体,使整体和局部达到了比较完美的统一。对于帮助用户浏览很长、但有序的列表很有用处。该菜单可以动态的变换菜单条目的尺寸,将鼠标所在区域放大。这样便可以在一个屏幕上显示并操作整个菜单了,而无需传统的按钮、滚动条、或分级浏览结构。


这里介绍给大家一个jQuery的插件,fisheye仿苹果系统鱼眼菜单,使用非常简单,只需要配置以下三个参数:
1、fishEyeItemName表示需要增加鱼眼效果元素的类名,如:FishEye
2、maxScalePct表示扩展显示的百分比,指鼠标当前指向的元素。
3、scaleStepPct表示周边扩展的百分比,指鼠标指向旁边的元素。


实例可知,使用jQuery插件fisheye实现仿苹果系统鱼眼菜单效果非常简单,只需要自定义显示的图片,并配置显示的样式和大小,值得推荐。


DIV鱼眼菜单案例使用说明

需要使用jQuery库文件和fisheye库文件
http://jquery.com/
http://plugins.jquery.com/project/fisheye

上一篇:DIV动态下拉菜单案例[竖型] 下一篇:大型综合网站地图页面案例
地址:上海市黄陂南路700号D座303室 200025 电话:+086 (21) 6386-8281 传真:+086(21)6385-0960
Email:marketing[at]darwinmarketing.com Copyright©2009Darwin Marketing Ltd.AllRights
Reserved.沪icp备案08015558号