jGlideMenu-jquery滑动式菜单插件

浏览：348次

明河共影发布于 2009年09月10日

RIA之家技术群：24440797。你可以通过以下方式联络到明河： 1、进入我的微博首页跟随我 2、我的email：riahome@126.com

glidemenu

这是一款颇有意思的滑动式菜单，它与其他的多级菜单有很大不同，在切换菜单时候采用滑动变化，而且还有上滚下滚按钮，同时支持ajax读取菜单数据。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jQuery.jGlideMenu.067.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jGlideMenu.css" />

<ul id="tile_001" class="jGlide_001_tiles" title="Tile One" alt="Description for tile number one">
<li rel="tile_002">Link One</li>
<li rel="tile_003">Link Two</li>
<li rel="tile_004">Link Three</li>
<li><a href="http://www.google.com">Link to Google 1</a></li>
<li><a href="http://www.google.com">Link to Google 2</a></li>
<li><a href="http://www.google.com">Link to Google 3</a></li>
<li><a href="http://www.google.com">Link to Google 4</a></li>
<li><a href="http://www.google.com">Link to Google 5</a></li>
<li><a href="http://www.google.com">Link to Google 6</a></li>
<li><a href="http://www.google.com">Link to Google 7</a></li>
<li><a href="http://www.google.com">Link to Google 8</a></li>
</ul>
<ul id="tile_002" class="jGlide_001_tiles" title="Tile Two" alt="Another Tile in This Example">
<li rel="tile_005">Click Here</li>
<li><a href="http://www.google.com">Link to Google</a></li>
</ul>
<ul id="tile_003" class="jGlide_001_tiles" title="Tile Three" alt="Third Tile is loaded up">
<li><a href="http://www.google.com">Link to Google</a></li>
</ul>
<ul id="tile_004" class="jGlide_001_tiles" title="Search Engines" alt="Find your favorite search engine">
<li><a href="http://www.google.com">Link to Google</a></li>
<li><a href="http://www.yahoo.com">Link to Yahoo!</a></li>
<li><a href="http://www.ask.com">Link to Ask.com</a></li>
</ul>
<ul id="tile_005" class="jGlide_001_tiles" title="Tile Five" alt="Active Spot Light Link">
<li><a href="http://www.active8media.com">Link to ASL</a></li>
</ul>