我们都喜欢MAC，喜欢FishEye菜单。
实际上整合fisheye到你的项目中非常简单。
你所需要的是javascript，CSS和你的所用到的图片。你可以去下载FisheyeMenu.
URL:http://simply-basic.com/wp-content/uploads/image/fisheyemenu/fisheyemenu.zip
下面就说说怎么安装吧：
1.将解压的ZIP包中的所有文件(注：images目录下的图片可以行更换)上传到你的网站。
2.添加下面的代码到<head></head>之间
<link rel="stylesheet" type="text/css" xhref="http://YourDomainHere/fisheye-menu.css" />
<script xsrc="http://YourDomainHere/fisheye.js" type='text/javascript'></script>
当然你还需要将"http://YourDomainHere/..."换成你自己的网站下相应路径。
3.将下面的代码加到你的页面中你就可以看到fisheye menu的效果了。
<div><ul id="fisheye_menu">
<li><a xhref="http://www.mokha.cn/admin.php#1"><img
xsrc="http://YourWebsite/icon.gif" alt="image description"
/><span>Icon 1</span></a></li>
<li><a xhref="http://www.mokha.cn/admin.php#2"><img
xsrc="http://YourWebsite/icon2.gif" alt="image description"
/><span>Icon 2</span></a></li>
<li><a xhref="http://www.mokha.cn/admin.php#3"><img
xsrc="http://YourWebsite/icon.gif" alt="image description"
/><span>Icon 3</span></a></li>
<li><a xhref="http://www.mokha.cn/admin.php#4"><img
xsrc="http://YourWebsite/icon2.gif" alt="image description"
/><span>Icon 4</span></a></li>
<li><a xhref="http://www.mokha.cn/admin.php#5"><img
xsrc="http://YourWebsite/icon.gif" alt="image description"
/><span>Icon 5</span></a></li>
<li><a xhref="http://www.mokha.cn/admin.php#6"><img
xsrc="http://YourWebsite/icon2.gif" alt="image description"
/><span>Icon 6</span></a></li>
</ul></div>
4.如果你想改变图片大小或图片的扩展名，你可编辑fisheye.js，在前面几行可以看到如下代码：
var fisheyemenu = {
startSize : 55,
endSize : 88,
imgType : ".gif",
将其中的参数改成你想要的就可以了。
更多信息你参看：http://simply-basic.com/posts/19419
分享到：
相关推荐
一个非常好的漂亮菜单，让你的vc程序有一个漂亮的主菜单
内容包括位图背景菜单及QQ风格菜单,很适合开发漂亮菜单的开发人员参考
js漂亮的菜单栏js漂亮的菜单栏js漂亮的菜单栏js漂亮的菜单栏js漂亮的菜单栏js漂亮的菜单栏
fisheye-menu.zip 实现的导航菜单 包含例子和源码
呵呵 很好 很漂亮 值得下载的好地哦那个小
HTML竖排菜单制作，美观的竖排菜单，制作竖排菜单时可能用得到
漂亮三级菜单 导航菜单 菜单 js tree 好用
WPF开发的漂亮酷炫的导航菜单实例程序，导航菜单实例注释讲解十分详细。
VueCircleMenu 一个利用Vue.js实现的漂亮圆形菜单
java script脚本制作的经典菜单，从侧面弹出，收回
android超级漂亮的菜单，如丝般顺滑，酷啊
C#2005，实现和开始菜单一样漂亮的菜单，其实很方便，比VC简单得多。附加任务栏托盘方法。
相当好的树形菜单,直接插到HTML里面就能用,支持自由更改
31款仿WIN7的WEB菜单，如果WEB中用上这些效果中的其中一个绝对是如鱼得水
很漂亮的菜单导航很漂亮的菜单导航
HTML5漂亮导航菜单，CSS3/HTML5实现的漂亮网站导航效果，背景动态变化，十分醒目，鼠标悬停于任意菜单项时，该菜单项的背景图像会滚动变化，视觉效果很棒。
VC++ 漂亮的自绘菜单源码，模仿早期的QQ菜单 一个基于VC++的漂亮自绘菜单源码，模仿早期的QQ菜单，虽然现在用的不多了，但学习知识是最重要的，通过这个菜单的制作你将学会很多编程的方法技巧，很不错。
漂亮的下拉菜单 菜单 html 漂亮的下拉菜单 菜单 html漂亮的下拉菜单 菜单 html
做的一个相当漂亮的menu菜单，当鼠标放上去是出来，鼠标移走回收回去。
超漂亮的导航菜单，非常好用，非常方便，超值啦