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

经典CSS菜单系列之 - 带有阴影效果的css导航菜单
兼容性：IE6+ FireFox2+ Opera9+   更新时间：2009-09-17

简介：纯CSS实现的网页导航菜单，鼠标滑过菜单会下沉，并带有阴影，适合做网站主页导航菜单


经典CSS菜单系列之 - 带有阴影效果的css导航菜单

查看源代码：查看




使用说明：
    在网页<head>区添加以下代码
<link rel="stylesheet" href="single_eight.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导航菜单