以下为 引用的内容: <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <голова> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css-текст</title> <style type="text/css"> <!-- *{маржа:0;отступ:0;граница:0;} тело { семейство шрифтов: Arial, 宋体, с засечками; размер шрифта: 12 пикселей; } #nav { высота строки: 24 пикселей; тип стиля списка: нет; фон:#666; }
#навигация { дисплей: блок; ширина: 80 пикселей; выравнивание текста: по центру; } #nav a:link { цвет: #666; текстовое оформление: нет; } #nav a:visited { цвет: #666;текстовое оформление: нет; } #nav a:hover { цвет: #FFF; оформление текста: нет; вес шрифта: жирный; } #nav li { плавать: влево; ширина: 80 пикселей; фон:#CCC; } #nav li a:hover{ фон:#999; } #nav li ul { высота строки: 27 пикселей; тип стиля списка: нет; выравнивание текста: по левому краю; слева: -999em; ширина: 180 пикселей; позиция: абсолютная; } #nav li ul li{ плавать: влево; ширина: 180 пикселей; фон: #F6F6F6; } #nav li ul a{ дисплей: блок; ширина: 156 пикселей; выравнивание текста: по левому краю; отступ по левому краю: 24 пикселя; }
#nav li ul a:link { цвет: #666; текстовое оформление: нет; } #nav li ul a:visited { цвет: #666;текстовое оформление: нет; } #nav li ul a:hover { цвет: # F3F3F3; оформление текста: нет; вес шрифта: нормальный; фон:#C00; } #nav li:hover ul { слева: авто; } #nav li.sfhover ul { слева: авто; } #содержание { ясно: слева; } --> </стиль>
<script type=text/javascript><!--//--><![CDATA[//><!-- функция менюFix() { var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseDown=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseUp=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp("( ?|^)sfhover\b"), ""); } } } window.onload=menuFix; //--><!]]></script> </голова> <тело> <ul id="nav"> <li><a href="#">Подробнее</a> <ул> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> </ul> </li> <li><a href="#">Подробнее</a> <ул> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее об этом</a></li> <li><a href="#">Подробнее о том, как сделать это</a></li> <li><a href="#">Подробнее</a></li> </ul> </li> <li><a href="#">Подробнее</a> <ул> <li><a href="#">Поддержка</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Поддержка</a></li> <li><a href="#">Поддержка</a></li> </ul> </li> <li><a href="#">Подробнее</a> <ул> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">我们四111</a></li> </ul> </li>
<li><a href="#">Дополнительные параметры</a> <ул> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее о значках</a></li> <li><a href="#">Подробнее о значках</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее о значках</a></li> <li><a href="#">Подробнее о текстовых сообщениях</a></li> </ul> </li> <li><a href="#">Подробнее</a> <ул> <li><a href="#">联系联系联系联系联系</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Отправить</a></li> <li><a href="#">Скрыть</a></li> <li><a href="#">Скрыть</a></li> <li><a href="#">Подробнее</a></li> <li><a href="#">Подробнее</a></li> </ul> </li> </ul> </тело> </html>
|