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

经典CSS菜单系列之 - 鼠标滑过突出显示的CSS菜单
兼容性：IE6+ FireFox2+ Opera9+   更新时间：2009-09-21

简介：纯CSS实现的导航菜单，鼠标滑过菜单项时，菜单会突出显示并变换颜色


经典CSS菜单系列之 - 鼠标滑过突出显示的CSS菜单

查看源代码：查看




使用说明：
    在网页<head>区添加以下代码
<link rel="stylesheet" href="single_twelve.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菜单系列之 - 七色彩虹CSS菜单   下一篇: 经典CSS菜单系列之 - 带页脚效果的CSS菜单