非常酷的导航菜单-JS特效-爱易网页

非常酷的导航菜单

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

以下是HTML网页特效代码，点击运行按钮可查看效果：

以下是程序代码

<!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>
  <title>Menu Design 3</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  <meta name="description" content="CSS menus free for all" />
  <meta name="keywords" content="CSS, css, CSS menu, CSS design, css design, CSS menu design, e-lusion, Ian, ian, e-lusion.com" />
  <meta name="author" content="Ian Main" />
  <meta name="Copyright" content="Creative Commons - http://creativecommons.org/licenses/by/2.0/" />
  <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(http://www.kumeir.com/forum/img/menu3/images/menu3.gif);
 padding: 8px 0 0 30px;
 }
 
#menu3 li a:hover, #menu3 li a:active {
 color: #283A50;
 background: url(http://www.kumeir.com/forum/img/menu3/images/menu3.gif) 0 -32px;
 padding: 8px 0 0 30px;
 }
</style>
</head>
<body>
 <div id="menu3">
  <ul>
   <li><a href="#1" title="Home">Home</a></li>
   <li><a href="#2" title="About">About</a></li>
   <li><a href="#3" title="Services">Services</a></li>
   <li><a href="#4" title="Portfolio">Portfolio</a></li>
   <li><a href="#5" title="Store">Store</a></li>
   <li><a href="http://www.kumeir.com/forum/img/menu3/menu3.zip" title="Download">Download Menu</a></li> 
  </ul>
 </div>
</body>
</html></font>
<a href="http://js.aiyiweb.com/">欢迎访问爱易网网页特效代码站，js.aiyiweb.com</a>

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

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

非常酷的导航菜单

相关资料更多>

推荐阅读更多>