首页 > JavaScript代码 > 菜单.列表.特效菜单 Menu > 详细内容

经典CSS菜单系列之 - 跳跃的CSS菜单
兼容性：IE6+ FireFox2+ Opera9+   更新时间：2009-10-01

简介：纯CSS实现的菜单，鼠标滑过菜单项时菜单上的文字会出现跳跃


经典CSS菜单系列之 - 跳跃的CSS菜单

查看源代码：查看




使用说明：
    在网页<head>区添加以下代码
<link rel="stylesheet" href="single_eighteen.css" type="text/css" />



在网页<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>


下载：     从本地下载

出处：http://www.cssmenus.co.uk/

分享到： 更多

上一篇： 经典CSS菜单系列之 - 特定图片导航菜单   下一篇: PPLive带前后翻页的焦点图片切换效果