Deutsch
<!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; /> <title>www.downcodes. com</title> <style type="text/css"> <!-- /*Author:downcodes.com*/ body{ background-color:white; Schriftgröße:12px; Schriftfamilie:Arial, Helvetica, serifenlos; Rand:0px; Polsterung:0px; Farbe: weiß; } ul,li{ margin:0px; Polsterung:0px; } li{ display:inline; Listenstil:none; Listenstilposition:außen; text-align:center; Schriftstärke:fett; float:left; } a:link{ color:#336601; Textdekoration: keine; float:left; Breite: 100 Pixel; Polsterung: 3px 5px 0px 5px; } a:visited{ color:#336601; Textdekoration: keine; float:left; Polsterung: 3px 5px 0px 5px; Breite: 100 Pixel; } a:hover{ color:white; float:left; Polsterung: 3px 3px 0px 20px; Breite:88px; Textdekoration: keine; Hintergrundfarbe:#539D26; } a:active{ color:white; float:left; Polsterung: 3px 3px 0px 20px; Breite:88px; Textdekoration: keine; Hintergrundfarbe:#BD06B4; } #nav{ width:600px; Höhe:30px; border-bottom:0px; Polsterung:0px 5px; Position:absolut; Z-Index:1; } .list{ Zeilenhöhe:20px; text-align:left; Polsterung:4px; Schriftstärke:normal; } .menu1{ width:120px; Höhe:auto; Rand: 6px 4px 0px 0px; Grenze: 1 Pixel fest #9CDD75; Hintergrundfarbe:#F1FBEC; Farbe:#336601; Polsterung:6px 0px 0px 0px; Cursor:Hand; overflow-y:hidden; } .menu2{ width:120px; Höhe: 18px; Rand: 6px 4px 0px 0px; Hintergrundfarbe:#F5F5F5; Farbe:#999999; Grenze:1px fest #EEE8DD; Polsterung:6px 0px 0px 0px; overflow-y:hidden; Cursor:Hand; }/*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=" #">Anzeigen</a><br /> <a href="#">Anzeigen</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>