Можно ли внутри html вставить в style ховер? К примеру вместо этого:




сделать это внутри хтмл, только еще и описать поведение при наведении мышки?




Спасибо

Вобще наверно можно, но придется js использовать

ulitin kirill, спасибо. Так я и думала, что только через джава-скрипт... А с помощью просто style="" никак-никак нельзя?…

Просто непонимаю в чем сложность написать нормальный цсс, а то что состояния нельзя из хтмла описывать это даже хорошо, а то такого наворотили бы

А так совсем не модно?
http://www.cssplay.co.uk/menus/hovercraft.html

Лампочка писал(а):

А с помощью просто style="" никак-никак нельзя?…

Никак-никак. Ведь это правильно описать всё в отдельно взятом css а если уж приспичит какому-то отдельному элементу свой behavior сделать, то как указал уважаемый ulitin kirill. Можно ещё через behavior.htc попробовать конечно...

Спасибо всем
ulitin kirill, понятное дело, что сталы в хтмле писать не надо, просто был случай, где это сокращало код, потому что через ПХП выводились одинаковые элементы, различающиеся только цветом при наведении мышки. Можно было брать его из базы данных и не прописывать для каждого элемента отдельный стиль. Ну не важно.

Лампочка писал(а):

просто был случай, где это сокращало код, потому что через ПХП выводились одинаковые элементы, различающиеся только цветом при наведении мышки. Можно было брать его из базы данных и не прописывать для каждого элемента отдельный стиль. Ну не важно.

Всё верно. Прописать в css одинаковое для всех классов через запятую, потом для нужного класса своё, а уж потом в тексте присваивать нужному элементу, хоть ссылке, хоть спану, хоть абзацу свой необходимый класс. Как раз именно это и сократит код

ulitin kirill писал(а):

оффтопик: вопроса не догнал Вобще наверно можно, но придется js использовать Код: <a style="background-color: #25659c;" onMouseOver="this.style.backgroundColor='000000';" onMouseOut="this.style.backgroundColor='25659c';">link</a>

Я так понимаю this работает исключительно только при приписке к какому-либо элементу на странице?

такая функция к примеру:



у меня не срабатывает.
работает так:

function Ховер()
{
document.getElementById("ID элемента").style.color = '#ff0000';
}
function Оригинальный цвет()
{
document.getElementById("ID элемента").style.color = '#ffff66';
}

Возможно ли действие этих функций без использования Id? Хочется просто приписывать onMouseOver="hover()" onMouseOut="realColor() к любому элементу без использования Id.

В джаве я не силён вообще.

gleb_eliseev, потому что нету ссылки на объект. По уму навреное так:

<a href= … onmouseover="hover(this);" onmouseout="originalColor(this);">…

function hover(obj)
{
obj.style.color = '#ff0000';
}
function originalColor(obj)
obj.style.color = '#ffff66';
}

Да, и две функи держать не нужно. Но это уже совсем другая история )