nagon.net - бесплатная поставка трафика на ваши сайты
Логин:
Пароль:
Регистрация





Убрать рекламу с сайта чтобы не мешала!

Как задать hover на javascript через css? Без использования событий onmouseover и onmouseout

Как задать hover на javascript? Да так чтобы не использовать события onmouseover и onmouseout
А еще нужно учесть что на сайте нет тега style

В интернете полно обсуждений на эту тему, но внятный и понятный ответ найти не просто.
Я рекомендую использовать фреймворк scriptjava, но вначале ознакомимся с задачей:

Есть такая вот ссылка


<a id="my_link" target="_blank" href="http://javascript.ru/">ссылка</a>


Как с помощью javascript задать для нее вот такие стили


#my_link {
color:#113447;
text-decoration:none;
}
#my_link:hover {
color:#ff0000;
text-decoration:none;
}


Решение конечно есть и не одно:
Большинство начнут применять к элементу события onmouseover и onmouseout

Но тема называется Как задать hover на javascript через css? Без использования событий onmouseover и onmouseout, а это значит что события не приемлемы.

Так же нужно учесть что на сайте вообще нет CSS и значит мы не сможем присоединить стиль ну даже допустим с помощью document.styleSheets[0]

Вот мое самое простое решение на scriptjava:


<a id="my_link" target="_blank" href="http://javascript.ru/">ссылка</a>

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>
<script type="text/javascript">
$$('my_link').$$('color','#113447').$$('textDecoration','none');
$$i({
create:'style',
attribute: {'type':'text/css'},
insert:$$s.getelbytag('head')[0]
}).appendChild($$().createTextNode('a#my_link:hover{color:#ff0000 !important;}'));
</script>


Вас зовут:

Ваш комментарий:


Код на картинке: