Русский
Вам нужно использовать код CSS для имитации навигации по веб-сайту techweb? Эффект почти такой же, как и в реальности!
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css" > <!-- #siteNav { ясно: оба; ширина: 750 пикселей; отступ-влево: #fff; шрифт-вес: жирный шрифт; -bottom:2px Solid #84B0C7; voice-family: "}"; voice-family: inherit; width: 749px; } #siteNav ul {margin:0; list-style:none; #siteNav li {display:inline; padding:0; } @siteNav a { float:left; no-repeat left top;padding:0 0 0 4px; :none; } #siteNav a span { float:left; display:block; no-repeat right top; padding:5px 11px 4px 5px; color:#036; } /* Обратная косая черта с комментариями скрывает правило из IE5 -Mac */ #siteNav a span { float:none } /* Завершение взлома IE5-Mac */ #siteNav a:hover span { color:#036 } #siteNav a:hover { background-position:0% -42px ; } #siteNav a:hover span {background-position:100% -42px } #siteNav #sel a {background-position:0% -42px } #siteNav #sel a span {background-position:100% -42px; } --> </style> <title>Демо</title> </head> <body> <div id="siteNav"> <ul> <li id="sel"><a href="#" ><span>Главная страница</span></a></li> <li><a href="#"><span>Информация</span></a></li> <li><a href ="#"><span>Персонажи</span></a></li> <li><a href="#"><span>Управление</span></a></li> <li ><a href="#"><span>Операция</span></a></li> <li><a href="#"><span>Финансы</span></a></ li> <li><a href="#"><span>Технологии</span></a></li> <li><a href="#"><span>Продукты</span></ a></li> <li><a href="#"><span>Сеть</span></a></li> <li><a href="#"><span>Телекоммуникации</ li> span></a></li> <li><a href="#"><span>Комментарии</span></a></li> <li><a href="#"> <span >Блог</span></a></li> <li><a href="#"><span>Друзья</span></a></li> <li><a href= "# "><span>Прокрутка</span></a></li> <li><a href="#"><span>Поиск</span></a></li> <li> <a href="#"><span>WAP</span></a></li> </ul> </div> </body> </html>
