<! 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" lang = "gb2312" XML: lang = "gb2312">
<Head>
<Title> refined JS allows the mouse to go through the link to display the drop-down menu </title>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Style>
Body {
Background-color: white;
Font-size: 12px;
Font-family: Arial, Helvetica, sans-serif;
Margin: 0px;
Padding: 0px;
Color: white;
}
Ul, Li {
Margin: 0px;
Padding: 0px;
}
Li {
Display: inline;
List-style: none;
List-style-position: outside;
Text-align: center;
Font-weight: bold;
Float: left;
}
A: link {
Color: #336601;
Text-Decoration: none;
Float: left;
Width: 100px;
Padding: 3px 5px 0px 5px;
}
A: visited {
Color: #336601;
Text-Decoration: none;
Float: left;
Padding: 3px 5px 0px 5px;
Width: 100px;
}
A: hover {
Color: white;
Float: left;
Padding: 3px 3px 0px 20px;
Width: 88px;
Text-Decoration: none;
Background-color: #539d26;
}
A: active {
Color: white;
Float: left;
Padding: 3px 3px 0px 20px;
Width: 88px;
Text-Decoration: none;
Background-color: #539d26;
}
# Nav {
Width: 600px;
Height: 30px;
Border-bottom: 0px;
Padding: 0px 5px;
Position: absolute;
Z-index: 1;
Left: 198px;
Top: 25px;
}
. List {
Line-Height: 20px;
Text-align: left;
Padding: 4px;
Font-weight: normal;
}
. Menu1 {
Width: 120px;
Height: auto;
Margin: 6px 4px 0px 0px;
Border: 1px solid #9cdd75;
Background-color: # f1fbec;
Color: #336601;
Padding: 6px 0px 0px 0px;
Cursor: hand;
Overflow-Y: hidden;
Filter: alpha (opacity = 70 );
-Moz-opacity: 0.7;
}
. Menu2 {
Width: 120px;
Height: 18px;
Margin: 6px 4px 0px 0px;
Background-color: # f5f5f5;
Color: #999999;
Border: 1px solid # eee8dd;
Padding: 6px 0px 0px 0px;
Overflow-Y: hidden;
Cursor: hand;
}
</Style>
</Head>
<Body>
<Div id = "nav">
<Ul>
<Li class = "menu2" onmouseover = "This. classname = 'menu1'" onmouseout = "This. classname = 'menu2 '"> Youku Homepage
<Div class = "list">
<A href = "http://www.china701.com"> my PNG </a> <br/>
<A href = "http://www.china701.com"> My gif </a> <br/>
<A href = "http://www.china701.com"> my site </a> <br/>
<A href = "http://www.china701.com"> my logs </a> <br/>
<A href = "http://www.china701.com"> my album </a> <br/>
<A href = "http://www.china701.com"> my favorites </a> <br/>
</Div>
</LI>
<Li class = "menu2" onmouseover = "This. classname = 'menu1'" onmouseout = "This. classname = 'menu2 '"> Community Circle
<Div class = "list">
<A href = "http://www.china701.com"> my chinay </a> <br/>
<A href = "http://www.china701.com"> my homepage </a> <br/>
<A href = "http://www.china701.com"> my logs </a> <br/>
<A href = "http://www.china701.com"> my album </a> <br/>
<A href = "http://www.china701.com"> my favorites </a> <br/>
</Div>
</LI>
<Li class = "menu2" onmouseover = "This. classname = 'menu1'" onmouseout = "This. classname = 'menu2 '"> my SMS
<Div class = "list">
<A href = "http://www.china701.com"> my chinay </a> <br/>
<A href = "http://www.china701.com"> my album </a> <br/>
<A href = "http://www.china701.com"> my favorites </a> <br/>
</Div>
</LI>
<Li class = "menu2" onmouseover = "This. classname = 'menu1'" onmouseout = "This. classname = 'menu2 '"> Account Management
<Div class = "list">
<A href = "http://www.china701.com"> my chinay </a> <br/>
<A href = "http://www.china701.com"> my homepage </a> <br/>
<A href = "http://www.china701.com"> my logs </a> <br/>
<A href = "http://www.china701.com"> my album </a> <br/>
<A href = "http://www.china701.com"> my favorites </a> <br/>
<A href = "http://www.china701.com"> my logs </a> <br/>
<A href = "http://www.china701.com"> my album </a> <br/>
<A href = "http://www.china701.com"> my favorites </a> <br/>
</Div>
</LI>
</Ul>
</Div>
</Body>
</Html>
