<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fancy Menu Demo By http://www.codefans.net</title>
<link rel="stylesheet" href="menu.css" type="text/css" media="screen" />
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
// orange menu demo
if($('fancymenu'))
FancyExample = new SlideList($E('ul', 'fancymenu'), {transition: Fx.Transitions.backOut, duration: 700, onClick: function(ev, item) { ev.stop(); }});
// profile demo
if($('pictureselect')) PictureSelect = new SlideList('pictureselect', { onClick: function(ev, item) { ev.stop(); } });
});
</script>
</head>
<!--
底岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩弧
岱 埭 鎢 乾 疑 氪 岱
怪岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩戕
岱 岱
岱 枑鼎埭鎢楷票迵狟婥 岱
岱 岱
岱 http://www.codefans.net 岱
岱 岱
岱 誑翑﹜煦砅﹜枑詢 岱
彿岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩岩忽
-->
<body>
<div id="fancymenu">
<ul>
<li class="current" id="menu_home"><a href="HTTP://www.codefans.net">Home</a></li>
<li id="menu_plantatree"><a href="http://www.codefans.net">Plant a tree</a></li>
<li id="menu_travel"><a href="http://www.codefans.net">Travel</a></li>
<li id="menu_rideanelephant"><a href="http://www.codefans.net">Ride an elephant</a></li>
</ul>
</div>
<br />
<br />
<br />
<form id="userprofile">
<h4>
Fill in your name:</h4>
<p class="input">
<input type="text" /></p>
<h4>
Select a picture:</h4>
<ul id="pictureselect">
<li id="picture_1"><a href="http://www.codefans.net">Picture 1</a></li>
<li id="picture_2"><a href="http://www.codefans.net">Picture 2</a></li>
<li id="picture_3"><a href="http://www.codefans.net">Picture 3</a></li>
<li id="picture_4"><a href="http://www.codefans.net">Picture 4</a></li>
</ul>
</form>
</body>
</html>
fancymenu.rar （19个子文件） 
codefans.net fancymenu 
menu.css 3KB menu.js 2KB images 
bg.gif 3KB bg_menu.gif 874B
menu_travel.png 657B bg_images.gif 121B bg_form.gif 513B logo.gif 4KB menu_rideanelephant.png 966B Thumbs.db 25KB
picture_4.jpg 2KB picture_1.jpg 2KB menu_plantatree.png 784B picture_2.jpg 940B picture_3.jpg 1KB menu_home.png 604B bg_menu_right.gif 363B index.htm 2KB mootools.js 21KB资源评论
yshiwei2012-06-08效果还行,但是用了一个非JQ的js框架,所以不适合我们的项目使用,最后自己用JQ写了一个.
CHEYUI2013-02-26具有Web 2.0 风格的仿Flash效果的Javascript+CSS滑动导航栏：Fancy Menu效果还行,但是用了一个非JQ的js框架,所以不适合我们的项目使用,最后自己用JQ写了一个. .
