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

2009-09-21 13:29:48 来源:查看 | 【

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

查看演示页面 View Demo 查看全部代码 View Code

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



样式及图片在压缩包内!

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

  • 本地下载
  • 本地下载2

相关资源