| The code is as follows: |
Copy code |
|
<! 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> css level 2 drop-down menu </title>
<Link href = "style/index.css" type = "text/css" rel = "stylesheet">
<Script type = text/webpage effects> <! -- // --> <! [Cdata [//> <! --
Function menufix (){
Var sfels = document. getelementbyid ("nav"). getelementsbytagname ("li ");
For (var I = 0; I <sfels. length; I ++ ){
Sfels [I]. onmouseo tutorial ver = function (){
This. classname + = (this. classname. length> 0? "": "") + "Sfhover ";
}
Sfels [I]. onmousedown = function (){
This. classname + = (this. classname. length> 0? "": "") + "Sfhover ";
}
Sfels [I]. onmouseup = function (){
This. classname + = (this. classname. length> 0? "": "") + "Sfhover ";
}
Sfels [I]. onmouseout = function (){
This. classname = this. classname. replace (new regexp ("(? | ^) Sfhover \ B "),
"");
}
}
}
Window. onload = menufix;
// More javascript from http ://
// --> <!]> </Script>
</Head>
<Body>
<Div id = "container">
<Div class = "outframe_header">
<Div class = "jmlogo">
<A href = "http://www.111cn.net"> </a>
</Div>
<Div class = "box">
<Div class = "part01">
<Div class = "jmsubnav">
<A href = "http://www.111cn.net"> Back to Home </a> <a href = "http://www.111cn.net"> Add To Favorites </a> <a href = "http://www.111cn.net" class = "last"> website map </a>
</Div>
<Div class = "jmsearch" name = "gsearcharea">
<Input type = "hidden" class = "url" value = ""/>
<Button type = "button" name = "submit">
Search
</Button>
<Input type = "text" class = "searchitem" title = "enter the search title"/>
</Div>
</Div>
<Div class = "jmnav">
<Ul id = "nav">
<Li class = "top"> <a href = "http://www.111cn.net"> network clustering </a>
<Ul>
<Li class = "top01"> </li>
<Li> <a href = "http://www.111cn.net"> Guangzhou Xinyi </a> </li>
<Li> <a href = "http://www.111cn.net"> jet auto parts </a> </li>
<Li> <a href = "http://www.111cn.net"> Dongguan auto parts </a> </li>
<Li class = "bot01"> </li>
</Ul>
</Li>
<Li class = "top"> <a href = "http://www.111cn.net"> Guangzhou Jianmei </a>
<Ul>
<Li class = "top01"> </li>
<Li> <a href = "http://www.111cn.net"> Guangzhou Xinyi </a> </li>
<Li> <a href = "http://www.111cn.net"> Guangzhou Xinyi </a> </li>
<Li> <a href = "http://www.111cn.net"> Guangzhou Xinyi </a> </li>
<Li> <a href = "http://www.111cn.net"> Guangzhou Xinyi </a> </li>
<Li> <a href = "http://www.111cn.net"> jet auto parts </a> </li>
<Li> <a href = "http://www.111cn.net"> Dongguan auto parts </a> </li>
<Li> <a href = "http://www.111cn.net"> Dongguan auto parts </a> </li>
<Li class = "bot01"> </li>
</Ul>
</Li>
<Li class = "top"> <a href = "http://www.alixixi.com"> Western Ali </a>
<Ul>
<Li class = "top01"> </li>
<Li> <a href = "http://www.alixixi.com"> Local group buying </a> </li>
<Li> <a href = "http://www.alixixi.com"> Local group buying </a> </li>
<Li> <a href = "http://www.alixixi.com"> Local group buying </a> </li>
<Li> <a href = "http://www.alixixi.com"> Local group buying </a> </li>
<Li class = "bot01"> </li>
</Ul>
</Li>
<Li class = "top topa"> <a href = "http://www.111cn.net"> foot home </a>
<Ul>
<Li class = "top01"> </li>
<Li> <a href = "http://www.111cn.net"> foot home </a> </li>
<Li> <a href = "http://www.111cn.net"> foot home </a> </li>
<Li> <a href = "http://www.111cn.net"> foot home </a> </li>
<Li> <a href = "http://www.111cn.net"> foot home </a> </li>
<Li class = "bot01"> </li>
</Ul>
</Li>
<Li class = "top topb"> <a href = "http://www.111cn.net"> Guangzhou webpage production </a>
<Ul>
<Li class = "top01 top02"> </li>
<Li> <a href = "http://www.111cn.net"> webpage creation </a> </li>
<Li> <a href = "http://www.111cn.net"> Web design </a> </li>
<Li> <a href = "http://www.111cn.net"> webpage creation </a> </li>
<Li> <a href = "http://www.111cn.net"> Web design </a> </li>
<Li class = "bot01"> </li>
</Ul>
</Li>
</Ul>
</Div>
</Div>
</Div>
</Div>
</Body>
</Html> |
Source code download address
Http://down.111cn.net/js/css/2010/0928/20963.html
Effect preview address
Http://g.111cn.net/javascript/code/20100927/css1/
