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><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>China</title><style type="text/css">Body {color: #333; background: url(body_bg.jpg) repeat-x # deebf3; text-align: center; font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif ;} a: link, a: visited {color: #333; text-decoration: none ;} /* Nav ============================================ =================================== */. nav {position: relative; margin: 0 10px 10px; background: url (yun_qi_img/nav_bg.png) no-repeat 0-36px ;}. navinner {background: url (yun_q I _img/nav_bg.png) no-repeat 100%-72px ;}. navlist {height: 36px; line-height: 36px; overflow: hidden; margin: 0 10px; background: url (yun_qi_img/nav_bg.png) repeat-x 0 0 ;}. nav li {float: left; display: inline; margin: 0 0-2px; padding: 0 4px 0 6px; background: url (yun_qi_img/nav_bg.png) no-repeat 0-pixel px ;}. nav a {display: block; width: 102px; text-align: center; font-size: 120% ;}. nav a: link, . Nav a: visited {color: # fff ;}. nav. current ,. nav a: hover ,. nav a: active {color: # fff; font-weight: bold; background: url (yun_qi_img/nav_bg.png) no-repeat 50%-144px ;}. subnav {position: absolute; top: 41px; left: 0; float: left; height: 27px; line-height: 27px; white-space: nowrap; background: url (yun_qi_img/nav_bg.png) no-repeat 0-180px;} * html. subnav {margin: 0 10px 0-10px;/* IE 6 and B Elow */}. subnav p {padding: 0 10px; background: url (yun_qi_img/nav_bg.png) no-repeat 100%-234px ;}. subnav p span {display: block; background: url (yun_qi_img/nav_bg.png) repeat-x 0-207px ;}. subnav p. pointer {position: absolute; top:-4px; left: 0; height: 5px; width: 11px; padding: 0; margin-left: 20px; text-indent:-999em; background: url (yun_qi_img/nav_bg.png) repeat-x 0-261px ;}. subnav a {di Splay: inline; padding: 0; font-size: 100%;} [class ~ = "Subnav"] a {padding: 0 3px ;}. subnav ,. subnav a: link ,. subnav a: visited {color: #235e99 ;}. subnav a: hover ,. subnav a: active {color: #235e99 ;}. subnav a: hover ,. subnav a: active {font-weight: normal; background: none; border-bottom: 2px solid;}/* subnav position and pointer position */# subnav1 {left: 120px ;} # subnav2 {left: 230px ;}# subnav3 {left: 340px ;}# subnav4 {left: 450px ;}# subnav5, # subnav6, # subnav7 {left: auto; right: 0px;} # subnav1. pointer, # subnav2. pointer, # subnav3. pointer, # subnav4. pointer {left: 30px;} # subnav5. pointer {left: auto; right: 290px;} # subnav6. pointer {left: auto; right: 180px;} # subnav7. pointer {left: auto; right: 70px;} # subnav1, # subnav2, # subnav3, # subnav4 {min-width: 110px;} # subnav5 {min-width: 340px ;} # subnav6 {min-width: 240px;} # subnav7 {min-width: 130px ;} /* Note ============================================== =================================== */. note {margin: 0 15px 10px; color: #666666 ;}. note span {float: right ;}. disable {display: none ;}</style><script>function isMatch(str1,str2) { var index = str1.indexOf(str2); if(index==-1) return false; return true; }function ResumeError() { return true; } window.onerror = ResumeError; function $(id) { return document.getElementById(id);}function showMenu (baseID, divID) { baseID = $(baseID); divID = $(divID); //var l = GetOffsetLeft(baseID); //var t = GetOffsetTop(baseID); //divID.style.left = l + 'px';// divID.style.top = t + baseID.offsetHeight + 'px'; if (showMenu.timer) clearTimeout(showMenu.timer);hideCur(); divID.style.display = 'block';showMenu.cur = divID; if (! divID.isCreate) { divID.isCreate = true; //divID.timer = 0; divID.onmouseover = function () { if (showMenu.timer) clearTimeout(showMenu.timer);hideCur(); divID.style.display = 'block'; }; function hide () { showMenu.timer = setTimeout(function () {divID.style.display = 'none';}, 1000); } divID.onmouseout = hide; baseID.onmouseout = hide; }function hideCur () {showMenu.cur && (showMenu.cur.style.display = 'none');}}</script></head><body><div class="nav"><div class="navinner"> <ul class="navlist"> <li>Webpage special effects</li> <li>News<div class="subnav disable" id="subnav1"> <p class="pointer">.</p> <p>Industry News | acquisition financing | Portal news | search engine | online games | e-commerce | advertising media | Vendor Development</p> </div> </li> <li>Webmaster online<div class="subnav disable" id="subnav2"> <p class="pointer">.</p> <p>Good site recommendation | webmaster gathering | webmaster interview | webmaster Teahouse | website ranking</p> </div> </li> <li>Website operation<div class="subnav disable" id="subnav3"> <p class="pointer">.</p> <p>Website creation experience | planning profit | search optimization | website promotion | free resources</p> </div> </li> <li>Online design<div class="subnav disable" id="subnav4"> <p class="pointer">.</p> <p>Cool site recommendations | webpage design | WEB standards | video processing | design activities</p> </div> </li> <li>Network programming<div class="subnav disable" id="subnav5"> <p class="pointer">.</p> <p>Asp Programming | Php programming |. Net programming | Xml programming | Access | Mssql | Mysql</p> </div> </li> <li>Alliance information<div class="subnav disable" id="subnav6"> <p class="pointer">.</p> <p>Alliance News | Alliance Introduction | Alliance comments | online earning skills</p> </div> </li> <li>Server<div class="subnav disable" id="subnav7"> <p class="pointer">.</p> <p>Web server | Ftp server | Mail server | Dns server | Win server | Linux server | security protection</p> </div> </li> </ul></div> </div></body></html>This code is provided by the webpage special effect network.
Tip: you can modify some code before running
