Тут немає нічого складного: зміна кольору кордону створює ефект натискання кнопки, а зміна відступів необхідно для того, щоб текст рухався разом з "поверхню кнопки", а не повисала в повітрі (на жаль, в Opera зміна відступів відпрацьовано не буде, тому css-кнопки в ній виглядають трохи гірші, ніж в інших браузерах). Хтось вважатиме мої комбінації квітів або розміри відступів неоптимальними - що ж, тут, як і в інших ефектах, є місце фантазії.

Екстремальне водіння

Ще кілька ідей, для тих, хто любить експериментувати і не дбає про сумісності: стилі, які не спрацюють в більшості браузерів.

Стиль, заснований на content'е. Це більш вимоглива (і більш потужна) версія ефекту з пересувається маркером. Можна описувати властивість content для псевдоклассов: before та: after активного посилання, додаючи маркер довільного виду перед посиланням або після неї.

Перенесення на інший бік. Нескладний ефект, практичне застосування якого, на жаль, виключено з-за глюка в MSIE, який я описував на початку: змінювати на: hover атрибут text-align, переносячи активну посилання зліва направо (чи навпаки). У Explorer'е викликає хаотичне стрибання тексту з одного боку в інший, якщо при перенесення текст виходить з під курсору.

Ігри з li: hover. Працює тільки з новітніми браузерами (все перевірити не можу, але в NS6, як я вже казав, не працює). Ключовий плюс - можливість міняти маркер: його форму, колір, розташування. До речі, зауваження: маркер, розташований inside, принципово конфліктує з a (display: block), особливо зміни з outside на inside і назад. В усякому разі, мені не придумати ефект, в якому б вони розумно були сусідами. А взагалі, на підході XHTML2.0, де посиланнями можна буде робити самі елементи списку, не вставляючи в них. Ось тоді-то й повеселимося.

Список літератури

Для підготовки даної роботи були використані матеріали з сайту http://www.i2n.ru