CSS制作漂亮导航菜单-JS特效-爱易网页

CSS制作漂亮导航菜单

日期：2014-05-18　浏览次数：20474 次

以下是程序代码

<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>CSS制作漂亮导航菜单，sky整理收集。</title>
<style type="text/css">
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 font-size: 80%;
 font-weight: bold;
 }
ul {
 list-style: none;
 margin: 0;
 padding: 0;
 }
/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */
#menu3 {
 width: 200px;
 border: 1px solid #ccc;
 margin: 10px;
 }
#menu3 li a {
   height: 32px;
   voice-family: "\"}\"";
   voice-family: inherit;
   height: 24px;
 text-decoration: none;
 }
#menu3 li a:link, #menu3 li a:visited {
 color: #888;
 display: block;
 background: url(/image/COMMON/topbacking2.gif);
 padding: 8px 0 0 30px;
 }
#menu3 li a:hover, #menu3 li a:active {
 color: #283A50;
 background: url(../THEMES/Vista/STYLE/images/header.png) 0 -32px;
 padding: 8px 0 0 30px;
 }
</style>
</head>
<body>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

 <div id="menu3">
  <ul>
   <li><a href="http://zzjs.net/" title="zzjs网站首页">网站首页</a></li>
   <li><a href="http://zzjs.net/?cat=1" title="About">站长特效</a></li>
   <li><a href="http://zzjs.net/?cat=2" title="Services">网页特效</a></li>
   <li><a href="http://zzjs.net/?cat=3" title="Portfolio">广告代码</a></li>
   <li><a href="http://zzjs.net/" title="Store">rss订阅</a></li>
   <li><a href="http://zzjs.net/" title="Download">留言本</a></li>
  </ul>
 </div>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

CSS制作漂亮导航菜单

相关资料更多>

推荐阅读更多>