VPF::Выделение ссылки при наведении

mr.Anderson

Дата 30.1.2007, 22:08 (ссылка)

(нет голосов)

Загрузка ...

iOS Lead Developer

Профиль
Группа: Участник Клуба
Сообщений: 3374
Регистрация: 20.12.2004
Где: далеко

Репутация: нет
Всего: 128

Вопрос, наверное, простой, но все же.

Как сделать так, чтобы при наведении на ссылку она становилась жирной, а при уводе мыши - обычной?

--------------------

12345c

Дата 30.1.2007, 22:14 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Как в только что приведённом примере, только другой стиль:
http://forum.vingrad.ru/index.php?showtopi...t&p=1017928

Добавлено @ 22:15
(font-weight:bold и font-weight:normal)

Добавлено @ 22:20
Точнее, для ссылки behavior не нужен, a:hover и в IE работает:

a:hover{font-weight:bold} - для всех ссылок

Код


<style>a:hover{font-weight:bold}
a:hover.a11 {font-weight:bold;color:red}
</style>
<a href=#>13131</a><br>
<a href=# class=a11>13131</a><br>

- разное для разных классов

mr.Anderson

Дата 30.1.2007, 22:22 (ссылка)

(нет голосов)

Загрузка ...

iOS Lead Developer

Профиль
Группа: Участник Клуба
Сообщений: 3374
Регистрация: 20.12.2004
Где: далеко

Репутация: нет
Всего: 128

То есть типа такого:

Код


.aBold {
 font-weight: bold;
}
.aNormal {
 font-weight: normal;
}

Код


function EditorSetStyle(id)
{
    var elem = document.getElementById(id);
    elem.onmouseover = function () {this.className = 'aBold';}
    elem.onmouseout   = function () {this.className = 'aNormal';}
}

Код


<a href='' id='id1' onmousemove='EditorSetStyle( id1 )'>link</a>

Так?

--------------------

Nicholas_S

Дата 30.1.2007, 23:12 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 486
Регистрация: 12.10.2006
Где: Санкт-Петербург

Репутация: 5
Всего: 19

мистер Андерсон, использовать скрипт в данном случае не нужно, смена стилей при наведении курсора на ссылку поддерживается корректно всеми браузерами, достаточно написать следующее:

Код


a {
   font-weight: normal;
}
a:hover {
 font-weight: bold;
}
...
<a href="...">link</a>

В этом случае все ссылки страницы будут принимать указанные стили.
Обратитесь за документацией к HTML/CSS.

Это сообщение отредактировал(а) Nicholas_S - 30.1.2007, 23:13

--------------------

...все в мире относительно

12345c

Дата 31.1.2007, 05:40 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Достаточно того примера, что я привёл выше или даже одной строки стиля a:hover { font-weight: bold;}, как у Nicholas_S.

(файл htc и стиль behavior - в IE для подсветки других тегов, не <a>, это я лишнего сказал.)

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »