纯CSS实现的菜单，鼠标滑过菜单项时菜单上的文字会出现跳跃
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>经典CSS菜单系列之 - 跳跃的CSS菜单 - 分享JavaScript-sharejs.com</title> <meta name="Copyright" content="JavaScript分享网 http://www.sharejs.com/" /> <meta name="description" content="经典CSS菜单系列之 - 跳跃的CSS菜单 - 带有桔黄色阴影效果的css导航菜单,JavaScript分享网" /> <meta content="JavaScript,分享,JavaScript代码,Ajax" name="keywords" /> <link rel="stylesheet" href="single_eighteen.css" type="text/css" /> </head> <body> <ul id="menu"> <li id="home"><a href="http://www.sharejs.com"><b>Home</b></a></li> <li id="single"><a href="http://www.sharejs.com"><b>Single Level</b></a></li> <li id="dropdown"><a href="http://www.sharejs.com"><b>Dropdown</b></a></li> <li id="dropline"><a href="http://www.sharejs.com"><b>Dropline</b></a></li> <li id="flyout"><a href="http://www.sharejs.com"><b>Flyout</b></a></li> <li id="support"><a href="http://www.sharejs.com"><b>Support</b></a></li> <li id="contact"><a href="http://www.sharejs.com"><b>Contact</b></a></li> </ul> <br><br> <div align="center"> <script language="javascript" src="http://www.sharejs.com/js/720.js"></script> <br><br> 获取更多JavaScript代码，请登录JavaScript分享网 <a href="http://www.sharejs.com">http://www.sharejs.com</a> <br> 转载请注明出处，本代码仅供学习交流，不可用于任何商业用途！ </div> </body> </html>
