MAC官网导航菜单代码,Css代码库,德仔网

代码语言
代码分类
【Css】 MAC官网导航菜单
作者:Dezai.CN / 发布于2013/9/25/ 931

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="PRcss,xhtml,html,css,js,book,个人主页,无聊,神经,懒惰" />
	<meta name="description" content="PRcss的个人主页,无聊的,神经的,懒惰的..." />
	<meta name="Author" content="PRcss,qq:50198763" />
	<meta name="Copyright" content="本页版权归PRcss所有。All Rights Reserved" />
	<link rel="shortcut icon" href="http://www.pr1984.com/favicon.ico" />
	<title>MAC菜单</title>
	<style type="text/css">
	<!--
	html,body { height:100%; background:#fff; }
	body { font:12px "宋体",Arial,sans-serif; color:#333; }
	body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 { padding:0; margin:0; }
	ul,ol,dl { list-style:none; }

	#nav { width:982px; height:38px; margin:15px 0 0 10px; overflow:hidden; background:url(http://images.apple.com/global/nav/images/globalnavbg.png) no-repeat; }
	#nav li,#nav li a { float:left; display:block; width:117px; height:38px; background:#fff; }
	#nav li a { width:100%; text-indent:-9999px; background:url(http://www.lanrentuku.com/images/uppic/20071129191209.png) no-repeat 0 0; }

	#nav .n01 { width:118px; }
	#nav .n01 a:visited { background-position:0 -114px; }
	#nav .n01 a:hover { background-position:0 -38px; }
	#nav .n01 a:active { background-position:0 -76px; }

	#nav .n02 a:link { background-position:-118px 0; }
	#nav .n02 a:visited { background-position:-118px -114px; }
	#nav .n02 a:hover { background-position:-118px -38px; }
	#nav .n02 a:active { background-position:-118px -76px; }

	#nav .n03 a:link { background-position:-235px 0; }
	#nav .n03 a:visited { background-position:-235px -114px; }
	#nav .n03 a:hover { background-position:-235px -38px; }
	#nav .n03 a:active { background-position:-235px -76px; }

	#nav .n04 a:link { background-position:-352px 0; }
	#nav .n04 a:visited { background-position:-352px -114px; }
	#nav .n04 a:hover { background-position:-352px -38px; }
	#nav .n04 a:active { background-position:-352px -76px; }

	#nav .n05 a:link { background-position:-469px 0; }
	#nav .n05 a:visited { background-position:-469px -114px; }
	#nav .n05 a:hover { background-position:-469px -38px; }
	#nav .n05 a:active { background-position:-469px -76px; }

	#nav .n06 a:link { background-position:-586px 0; }
	#nav .n06 a:visited { background-position:-586px -114px; }
	#nav .n06 a:hover { background-position:-586px -38px; }
	#nav .n06 a:active { background-position:-586px -76px; }

	#nav .n07 a:link { background-position:-703px 0; }
	#nav .n07 a:visited { background-position:-703px -114px; }
	#nav .n07 a:hover { background-position:-703px -38px; }
	#nav .n07 a:active { background-position:-703px -76px; }
	-->
	</style>
	</head>
	<body>
	<div id="nav">
	<ul>
	<li class="n01"><a href="http://www.lanrentuku.com/" title="index">index</a></li>
	<li class="n02"><a href="#Store" title="Store">Store</a></li>
	<li class="n03"><a href="#Mac" title="Mac">Mac</a></li>
	<li class="n04"><a href="#iPod+iTunes" title="iPod + iTunes">iPod + iTunes</a></li>
	<li class="n05"><a href="#iPhone" title="iPhone">iPhone</a></li>
	<li class="n06"><a href="#Downloads" title="Downloads">Downloads</a></li>
	<li class="n07"><a href="#Support" title="Support">Support</a></li>
	</ul>
	</div>
	</body>
	</html>
试试其它关键字
　导航菜单　
同语言下
可能有用的
Dezai.CN贡献的其它代码(4037)