Русский
<!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"> <!-- /*Автор:downcodes.com*/ body{background-color:white; размер шрифта: 12 пикселей; семейство шрифтов: Arial, Helvetica, без засечек; поле: 0 пикселей; отступ: 0 пикселей; цвет:белый; } ul,li{margin:0px; отступ: 0 пикселей; } li { display:inline; стиль списка: нет; позиция в стиле списка: снаружи; выравнивание текста: по центру; шрифт-вес: жирный; плавать: влево; } а: ссылка {цвет: #336601; текстовое оформление: нет; плавать: влево; ширина: 100 пикселей; отступы: 3px 5px 0px 5px; } а:посетил{color:#336601; текстовое оформление: нет; плавать: влево; отступы: 3px 5px 0px 5px; ширина: 100 пикселей; } a:hover{цвет:белый; плавать: влево; отступ: 3 пикселя 3 пикселя 0 пикселей 20 пикселей; ширина: 88 пикселей; текстовое оформление: нет; цвет фона: #539D26; } а: активный {цвет: белый; плавать: влево; отступ: 3 пикселя 3 пикселя 0 пикселей 20 пикселей; ширина: 88 пикселей; текстовое оформление: нет; цвет фона:#BD06B4; } #nav{ width:600px; высота: 30 пикселей; нижняя граница: 0 пикселей; отступ: 0 пикселей 5 пикселей; позиция: абсолютная; z-индекс: 1; } .list{ line-height:20px; выравнивание текста: по левому краю; отступ: 4 пикселя; вес шрифта: нормальный; } .menu1{ ширина:120 пикселей; высота: авто; поле: 6 пикселей 4 пикселя 0 пикселей 0 пикселей; граница: 1 пиксель, сплошной #9CDD75; цвет фона:#F1FBEC; цвет: #336601; отступ: 6 пикселей 0 пикселей 0 пикселей 0 пикселей; курсор: рука; переполнение-y: скрыто; } .menu2{ ширина:120 пикселей; высота: 18 пикселей; поле: 6 пикселей 4 пикселя 0 пикселей 0 пикселей; цвет фона: # F5F5F5; цвет: #999999; граница: 1 пиксель, сплошной #EEE8DD; отступ: 6 пикселей 0 пикселей 0 пикселей 0 пикселей; переполнение-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>
