日本語
<!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;フォントサイズ:12px;フォントファミリー:Arial、Helvetica、サンセリフ;マージン:0px;パディング:0px;色:白; } ul,li{マージン:0px;パディング:0px; } li{ 表示:インライン;リストスタイル:なし;リストスタイルの位置:外側;テキスト整列:中央;フォントの太さ:太字;フロート:左; } a:リンク{色:#336601;テキスト装飾:なし;フロート:左;幅:100ピクセル;パディング:3px 5px 0px 5px; } a:訪問済み{ color:#336601;テキスト装飾:なし;フロート:左;パディング:3px 5px 0px 5px;幅:100ピクセル; a:hover{ 色:白;フロート:左;パディング:3px 3px 0px 20px;幅:88ピクセル;テキスト装飾:なし;背景色:#539D26; a:アクティブ{色:白;フロート:左;パディング:3px 3px 0px 20px;幅:88ピクセル;テキスト装飾:なし;背景色:#BD06B4; } #nav{幅:600ピクセル;高さ:30ピクセル;ボーダーボトム:0px;パディング:0px 5px;位置:絶対; z インデックス:1; .list{ 行の高さ:20px;テキスト整列:左;パディング:4px;フォントの太さ:標準; .menu1{幅:120px;高さ:自動;マージン:6px 4px 0px 0px;ボーダー:1px ソリッド #9CDD75;背景色:#F1FBEC;色:#336601;パディング:6px 0px 0px 0px;カーソル:手;オーバーフロー-y:非表示; .menu2{幅:120px;高さ:18ピクセル;マージン:6px 4px 0px 0px;背景色:#F5F5F5;色:#999999;ボーダー:1px ソリッド #EEE8DD;パディング:6px 0px 0px 0px;オーバーフロー-y:非表示;カーソル:手; }/*著者: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>
