jQuery插件fisheye实现仿苹果系统鱼眼菜单效果

这里是介绍一个jQuery插件fisheye仿苹果系统鱼眼菜单，使用简单，只需要配置三个参数，效果图如下：

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

并自定义菜单的CSS样式，实例CSS代码如下：

   1. #biuuu
   2. {
   3. border: 1px solid #666;
   4. clear: both;
   5. height: 50px;
   6. z-index: 1000;
   7. }
   8. .FishEye
   9. {
  10. margin: 2px;
  11. padding: 5px;
  12. float: left;
  13. vertical-align: middle;
  14. }
  15. .FishEyeStandard
  16. {
  17. height: 40px;
  18. width: 40px;
  19. }

使用实例
一，包含文件部分

二，HTML部分

   1. 

   2. 
   3. 
   4. 
   5. 
   6. 
   7. 
   8. 
   9. 
  10. 
  11. 
  12. 

三，Javascript部分

1. <script type="text/javascript">
2. $(document).ready(function(){
3. $("#biuuu").FishEye({
4. fishEyeItemName: ".FishEye",
5. maxScalePct: 180,
6. scaleStepPct: 60
7. });
8. });
9. </script>

三个参数分别是：
fishEyeItemName表示需要增加鱼眼效果元素的类名，如：.FishEye
maxScalePct表示扩展显示的百分比，指鼠标当前指向的元素。
scaleStepPct表示周边扩展的百分比，指鼠标指向旁边的元素。

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

点我查看fisheye文档说明
http://www.iansuttle.com/blog/page/jQuery-FishEye-Plugin.aspx

点我下载fisheye演示源代码
http://jquerycodes.googlecode.com/files/fisheye.rar