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

2009-10-01 11:30:22 来源:查看 | 【

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

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

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

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

  • 本地下载
  • 本地下载2

相关资源