Português
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.downcodes. com</title> <style type="text/css"> <!-- /*Author:downcodes.com*/ body{ background-color:white; tamanho da fonte: 12px; família de fontes:Arial, Helvetica, sans-serif; margem:0px; preenchimento:0px; cor:branco; }ul,li{ margem:0px; preenchimento:0px; } li{ display:inline; estilo de lista: nenhum; posição de estilo de lista:fora; alinhamento de texto:centro; peso da fonte: negrito; flutuar:esquerda; } a:link{ cor:#336601; decoração de texto: nenhum; flutuar:esquerda; largura:100px; preenchimento:3px 5px 0px 5px; } a:visitado{ cor:#336601; decoração de texto: nenhum; flutuar:esquerda; preenchimento:3px 5px 0px 5px; largura:100px; } a:hover{ cor:branco; flutuar:esquerda; preenchimento:3px 3px 0px 20px; largura:88px; decoração de texto: nenhum; cor de fundo:#539D26; } a:ativo{ cor:branco; flutuar:esquerda; preenchimento:3px 3px 0px 20px; largura:88px; decoração de texto: nenhum; cor de fundo:#BD06B4; } #nav{largura:600px; altura:30px; borda inferior:0px; preenchimento:0px 5px; posição:absoluta; índice z:1; } .lista{ altura da linha:20px; alinhamento de texto: esquerda; preenchimento: 4px; peso da fonte:normal; } .menu1{largura:120px; altura:automático; margem:6px 4px 0px 0px; borda:1px sólido #9CDD75; cor de fundo:#F1FBEC; cor:#336601; preenchimento:6px 0px 0px 0px; cursor:mão; overflow-y: oculto; } .menu2{largura:120px; altura:18px; margem:6px 4px 0px 0px; cor de fundo:#F5F5F5; cor:#999999; borda: 1px sólido #EEE8DD; preenchimento:6px 0px 0px 0px; overflow-y: oculto; cursor:mão; }/*Author:downcodes.com*/ --> </style> </head> <body> <div id="nav"> <ul> <li class="menu2" onMouseOver="this.className=' menu1'" onMouseOut="this.className='menu2'">我的首页 <div class="list"> <a href="#">我的WEBJX</a><br /> <a href=" #">我的首页</a><br /> <a href="#">我的日志</a><br /> <a href="#">我的日志</a><br /> <a href="#">我的相册</a><br /> <a href="#">我的收藏</a><br /> </div> </li> <li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">社区圈子 <div class="list"> <a href="#">我的WEBJX< /a><br /> <a href="#">我的首页</a><br /> <a href="#">我的日志</a><br /> <a href=" #">我的相册</a><br /> <a href="#">我的收藏</a><br /> </div> </li> <li class="menu2" onMouseOver= "this.className='menu1'" onMouseOut="this.className='menu2'">我的短信 <div class="list"> <a href="#">我的WEBJX</a><br / > <a href="#">我的相册</a><br /> <a href="#">我的收藏</a><br /> </div> </li> <li class ="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">账户管理 <div class="list"> <a href="#">我的WEBJX</ a><br /> <a href="#">我的首页</a><br /> <a href="#">我的日志</a><br /> <a href="# ">我的相册</a><br /> <a href="#">我的收藏</a><br /> <a href="#">我的日志</a><br / > <a href="#">我的相册</a><br /> <a href="#">我的收藏</a><br /> </div> </li> </ul > </div> </body> </html>
