<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>jQuery动画下拉菜单</title>
<meta name="description" content="Tutorial : Auto Moving Submenu Using jQuery">
<meta name="author" content="Webstuffshare">
<link rel="stylesheet" href="demo.css?v=2">
</head>
<body>
<div id="menu-wrapper">
<ul class="menu">
<li> <a href="#">CSS Tutorial</a> </li>
<li> <a href="#">jQuery Tutorial</a> </li>
<li> <a href="#">Code Snippet</a> </li>
<li> <a href="#">Freebies</a> </li>
</ul>
</div>
<div id="submenu-wrapper">
<ul class="submenu">
<li>
<a href="#">
<img src="images/9.jpg" />
Photoshop Effect vs CSS3 Properties
</a>
</li>
<li>
<a href="#">
<img src="images/10.jpg" />
CSS3 Music Player Menu
</a>
</li>
<li>
<a href="#">
<img src="images/11.jpg" />
Using Pictogram Webfont for Replacing Image
</a>
</li>
<li>
<a href="#">
<img src="images/12.jpg" />
Styling Form Elements Like Google Chrome's Preferences
</a>
</li>
</ul>
<ul class="submenu">
<li>
<a href="#">
<img src="images/13.jpg" />
Creating "Next Level" Search Form Using jQuery & CSS3
</a>
</li>
<li>
<a href="#">
<img src="images/14.jpg" />
Creating Consecutive Slide Using jQuery
</a>
</li>
<li>
<a href="#">
<img src="images/15.jpg" />
Create Your Own Dashboard Menu
</a>
</li>
<li>
<a href="#">
<img src="images/16.jpg" />
How to Create a Walking Navigation
</a>
</li>
</ul>
<ul class="submenu">
<li>
<a href="#">
<img src="images/5.jpg" />
[CodeSnippet] jQuery : Fade In Webpage
</a>
</li>
<li>
<a href="#">
<img src="images/6.jpg" />
[CodeSnippet] CSS3 Flying Menu
</a>
</li>
<li>
<a href="#">
<img src="images/7.jpg" />
[CodeSnippet] Twitter-like Input Using CSS3
</a>
</li>
<li>
<a href="#">
<img src="images/8.jpg" />
[Code Snippet] CSS : Hover and Press Button
</a>
</li>
</ul>
<ul class="submenu">
<li>
<a href="#">
<img src="images/1.jpg" />
jQuery Plugin : jConfirmAction
</a>
</li>
<li>
<a href="#">
<img src="images/2.jpg" />
Free Web UI Element Pack
</a>
</li>
<li>
<a href="#">
<img src="images/3.jpg" />
Free PSD : Sticker Buttons
</a>
</li>
<li>
<a href="#">
<img src="images/4.jpg" />
Sweet Tooltip a jQuery & CSS3 Tooltips
</a>
</li>
</ul>
</div>
<p id="title">
<script>!window.jQuery && document.write(unescape('%3Cscript src="jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
<script type="text/javascript" src="demo.js"></script>
</body>
</html>