返回首页

温馨提示：本站文章标题使用的字体是《微软雅黑》点击下载这个字体.

顶一下

1 次

会动弹的导航栏

来源：本站原创编辑：admin 时间：2009年03月23日浏览：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>这是一个导航</title>
<style type="text/css">
#nav{
	list-style:none;
	margin:0;
	padding:5px 0 0 0;
	background:#F0F0F0;
	}
#nav li{
	float:left;
	display:inline;
	margin-right:2px;
	}
#nav a{
	float:left;
	width:81px;
	height:28px;
	text-align:center;
	background:url(http://demo.web265.com/09/3/23/nav.gif) no-repeat 0 -4px #F3602A;
	font:12px/24px '宋体';
	color:#FFF;
	text-decoration:none;
	}
#nav a:hover{
	line-height:28px;
	background-position:0;
	}
</style>
</head>
<body>

<ul id="nav">
<li><a href="http://www.web265.com">WEB标准</a></li>
<li><a href="http://www.web265.com">CSS技巧</a></li>
<li><a href="http://www.web265.com">JAVASCRIPT</a></li>
<li><a href="http://www.web265.com">站长素材</a></li>
</ul>
</body>
</html>
本代码由<a href="http://www.web265.com" target="_blank">站长素材网(http://www.web265.com)</a>整理发布

运行代码
复制代码
另存代码
收藏本页

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇：非常好看的导航菜单

下一篇：仿瑞星网的导航菜单

赞助商友情链接

站长常用工具

更多

返回首页

会动弹的导航栏

赞助商友情链接

站长常用工具

相关文章