< special practical appearance; DOCTYPE HTML PUBLIC! "-//W3C//DTD XHTML 1" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "Transitional//EN" > HTML & lt; xmlns= http://www.w3.org/1999/xhtml > < head> < meta http-equiv= "Content-Type" content= "text/html; charset=utf-8 /> < meta http-equiv=" Content-Language "content=" zh-CN "/> < title> CSS to create mouse trigger effect < /title> < style type=" text/css "> <! -- body {margin: 0; padding: 0; color: #000; font-size: 12px; line-height: 160%; text-align: left; height: 100%; font-family: 'song' Tahoma, Arial, Verdana, sans-serif,'Lucida, Grande','Lucida Sans Unicode';} *{margin:0; Padding:0; H2 a:link, H2}, H2 a:hover, H2 a:visited{font-size: 14px; text-decoration: none; color: #000000;}.Kw_from {padding:20px 00 0px; margin: Auto; height: 300px; overflow: hidden; width: 650px;}.Kw_from.Sbtn{float:left; width:80px padding:; 16px 000;}.Kw_from.SearchMore{float:left; width:80px padding:; 4PX #searchNav;} {width:430px; float: left; #searchNav #searchNav #conter3{} #conter1, float:left; width:250px;} #searchNav #conter2, # searchNav #conter4{float:left; width:180px #searchNav;} UL {padding: 0; margin: 0; list-style: none #searchNav;} Li {float:} Li {UL left; #searchNav display: none; top: 20px;} #searchNav li:hover UL, #searchNav li.over UL {display: block; float:left #searchNav UL Li a{float;} Left; display:block; font-size:12px; padding:3px; text-decoration: none; color: #777; #searchNav UL Li a:hover{background-color:#f4f4f4}}; #searchNav #jobKw{width:220px; height:18px #searchNav;} #cityKw{width:130px; height: 18px; --> <}; /style> < script type= "text/javascript" > < --//--> < [CDATA[//>!!; < startList = function;! -- () {if (document.all& & document.getElementById) {navRoot = document.getElementById ("searchNav"); for (i=0; i< navRoot.childNodes.length; i++) {node = navRoot.childNodes[i]; if (node.nodeName== LI) {node.onmouseover=function ("over") {this.className+=} {(node.onmouseout=function); this.className=this.className.replace ("over", "");}}}}} window.onload=startList; //-- > <]]> < /script>!; < /head> < body> < div> < form action= "/search.html" method= "get" name= "searchForm" id= "searchForm" onsubmit= "return (check) > < UL" id= "searchNav" > < Li id= "conter1" > < h2> /h2> < for what < input; id= "jobKw" name= "jobKw" type= "text" /> < UL; id= "conter3" > < li> < a "rel= external nofollow" rel= "external nofollow" rel= "external nofollow rel=" "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external Nofollow "rel=" external nofollow "> < /a> < accounting; /li> < li> < a rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel= external nofollow" "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow external "rel=" nofollow "> < /a> web design; < /li> < < a; li> rel=" external "rel=" nofollow external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" externa L nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow external "rel=" nofollow "> /a> < < /li> < li> < a" rel= external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow external "rel=" nofollow "> < family; /a& Gt; < /li> < li> < span> < a "rel= external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow rel" = "external nofollow rel=" external "nofollow" > > < > /a> < /span> < /li> < /ul> < /li> < Li id= "conter2" > < h2> /h2> where < < input id= "cityKw" name= "cityKw" type= "text" /> < UL; id= "conter4" > < li> < a rel= "external nofollow" rel= "external nofollow" "Rel= external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow rel" = "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow rel=" external "nofollow" > Beijing < /a> < /li> < li> < a "rel= external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= external nofollow "" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow rel=" "External nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow rel=" external "nofollow" > Shanghai < /a> < /li> < li> < a "rel= external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow rel=" "external nofollow" > Guangzhou < /a> < /li> < li> < a "rel= external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "exte Rnal nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow rel= "" external nofollow "> Shenzhen < /a> < /li> < li> < a rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external "nofollow rel =" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external Nofollow "rel=" external nofollow external "rel=" nofollow "> Nanjing < /a> < /li> < li> < a rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel= external nofollow" "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow external "rel=" nofollow "> Tianjin < /a> < /li> < li> < a" rel= external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel= external nofol" Low "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow external "rel=" nofollow "> Hangzhou < /a> < /li> < li> < a" rel= external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel= external nofollow"" Chengdu > < /a> < /li> < li> < a "rel= external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow rel=" "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow rel=" external "nofollow" > Chongqing < /a> < /li> < li> < a rel= external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow rel= "" External nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow "rel=" external nofollow external "rel=" nofollow "> Wuhan < /a> < /li> < li> < a rel= external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow rel"


This concludes the body part