Другие языки программирования и технологии

Подскажите скрипт, который меняет у ссылки...

Цвет шрифта и жирность при наведении мышкой!
Те, которые переливающиеся - не подходят, надо просто чтоб менялся цвет.
Таблиц стилей в сайт нет.
Конечно же, все это делается с помощью CSS.
Можно обойтись без скриптов. Скрипты используют для смены стиля любого другого элемента, например, DIV (не ссылки) . А для ссылок есть специальные так называемые "псевдоклассы".

Есть 2 варианта применения CSS к так называемым "псевдоклассам" ссылок - либо создайте отдельный файл (простой текстовый в любом текстовом редакторе) с расширением css, а в секции HEAD вашего документа впишите ссылку на него:

Допустим, имя файла mystyles.css (лучше придумайте другое, оригинальное имя - это только для примера) .
Тогда ссылка будет иметь вид, как на рисунке в теге link



В самом файле надо будет вписать настройки стиля для ваших ссылок (см. ниже - такие же, как в другом способе)

______________
Второй способ, возможно, вам понравится больше. Он применяется тогда, когда данные настройки стиля необходимо применять ТОЛЬКО К ДАННОЙ СТРАНИЦЕ в противоположность первому, когда ссылку на файл стилей можно использовать на многих страницах.

В секции HEAD документа впишите ваши стили для ссылок вот так:



Как видите, можно настроить для каждого состояния ссылки свои:

1. Размер и гарнитуру шрифта (курсив - italic, полужирный - bold)
2. Цвет шрифта (color с указанием названия цвета либо цифр. кода, как в примере)
3. Стиль (будут ли подчеркиваться)

И еще можно настроить фон, в том числе добавить в качестве фона рисунок и прочее.

Обратите внимание на последовательность, в которой в таблице стилей должны описываться состояния.

Есть мнемоническое правило L o V e - H A t e (Любовь-ненависть) .
По первым буквам слов Link (просто ссылка - общие настройки стиля) , Visited (посещенная ссылка) , Hoover (ссылка в момент наведения мыши) , Active (активная ссылка - в течение того краткого промежутка времени, когда нажата кнопка мыши - используется крайне редко) .

Стили этих псеводклассов должны быть описаны СТРОГО в такой последовательности, иначе возможно, они не будут работать (почему - напишу в отдельном письме, если интересно)

Опять же - пример выше показывает, как изменить ВСЕ ссылки на странице.
___________________
Но если вам необходимо, чтобы ТОЛЬКО НЕКОТОРЫЕ ССЫЛКИ ТАК РАБОТАЛИ (не все) , то надо добавить КЛАСС, по которому браузер будет определять, какие именно ссылки должны так работать.

Просто придумайте название ( в моем примере page) и измените ваши стили, а в коде самой ссылки добавьте атрибут class="page"
См. рис:



Если что-то не понятно - задавайте вопросы. Разберемся.. .

Одна поправочка - я создавал эти коды страниц по шаблону редактора (в скриншотах выше) . Забыл удалить атрибуты тега BODY, связанные с отображением ссылок. В данном случае они не нужны. Впрочем, все будет работать по принципу каскадности - сначала применятся значения этих атрибутов, а потом заменятся по инструкции с указанием класса и псевдокласса ссылки.
Но для того, чтобы не запутаться, лучше эти атрибуты из тега BODY убрать.

А вот, как это работает:
Просто ссылка:



При наведении курсора изменяется цвет и размер шрифта (исправил для наглядности на 16px):

RM
Raul Memmedov
43 449
Лучший ответ
Этого вроде в изначальном HTML нет. Или это не про HTML?
флеш исходник найди
учебник по html вот тут все есть..

Похожие вопросы