1. 爱易网页
2. JS特效
3. 非常酷的导航菜单

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

以下是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 全部选择 提示：你可先修改部分代码，再按运行]