Tip: you can modify some code before running
<!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><title>Webpage special effects-navigation menu-pop-up fold drop-down menu on the Internet</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代码加到<head>与</head>之间--><style type="text/css">Body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: # FFFFFF ;}# container {margin: 0 auto; width: 600px; margin-top: 30px;} a: link, a: visited {color: # 0066CC; text-decoration: none;} a: hover {text-decoration: underline;} ul, li {margin: 0; border: 0; list-style: none; padding: 0;} ul {border-bottom: dotted 1px # DEDEDE;} ul {height: 21px ;} li {display: inline ;}. menu span {border: solid 1px # eee; padding: 4px 2px 4px 6px; border-bottom: none; margin-right: 10px; line-height: 18px ;}. menu span a {font-weight: bold ;}. menu span: hover {border: solid 1px # DEDEDE; border-right: 1px solid #999; border-bottom: none ;}. arrow {margin-left: 4px; cursor: pointer ;}. sub_menu {display: none; position: relative; border: solid 1px # DEDEDE; border-top: none; border-right: solid 1px #999; border-bottom: solid 1px #999; padding: 10px; top: 2px; width: 120px; background: # FFFFFF ;}. sub_menu a: link ,. sub_menu a: visited ,. sub_menu a: hover {display: block; font-size: 11px; padding: 3px ;}. item_line {border-top: solid 1px # DEDEDE ;}</style><script language="javascript">Function showMenu (id_menu) {var my_menu = document. getElementById (id_menu); if (my_menu.style.display = "none" | my_menu.style.display = "") {character = "block";} else {my_menu.style.display = "none ";}} function swapImage (idStatus) {if (idStatus = 0) {document. arrow_profile.src = "http://www.111cn.net/effect/images/arrow_hover.png";} else if (idStatus = 1) {document. arrow_profile.src = "http://www.111cn.net/effect/images/arrow_select.png";} else if (idStatus = 2) {document. arrow_profile.src = "yun_qi_img/20090311124255492.png ";}}</script></head><body><!--把下面代码加到<body>与</body>之间--><div id="container"> <ul> <li class="menu" id="profile">Index<div class="sub_menu" id="id_menu_profile">Service Code Tool Diy Pic FlashTemplate Www.111cn. Cn</div> </li> </ul></div></body></html>
Tip: you can modify some code before running
