Як встановити hover на javascript через css Без використання подій onmouseover і onmouseout
| Пошук по форуму |
| Розширений пошук |
| До сторінки. |
| gordon freeman (блог) , 22 січ 2012 - 09:16 |
|
Як встановити hover на javascript через css? Без використання подій onmouseover і onmouseout
Як встановити hover на javascript?
Як за допомогою javascript задати для неї такі стилі
Рішення звичайно є і не одне: Більшість почнуть застосовувати до елемента подіїonmouseover іonmouseout
Але тема називається Як встановити hover на javascript через css? Без використання подій onmouseover і onmouseout а це означає, що події не прийнятні.
Також потрібно врахувати що на сайті взагалі немає CSS і значить ми не зможемо приєднати стиль ну навіть допустимо за допомогою
Ось моє найпростіше рішення на scriptjava:
Але тема називається Як встановити hover на javascript через css? Без використання подій onmouseover і onmouseout а це означає, що події не прийнятні. Так само потрібно врахувати що на сайті взагалі немає CSS і значить ми не зможемо приєднати стиль ну навіть допустимо за допомогою document.styleSheets[0] А що заважає, якщо ні .styleSheets[0] створити його ? На мою думку, без скриптджави рішення теж не дуже складне: var head = document.getElementsByTagName('head')[0], style = document.createElement('style'), rules = document.createTextNode('a#my_link:hover'); style.type = 'text/css'; if (style.styleSheet) style.styleSheet.cssText = rules.nodeValue; else style.appendChild(rules); head.appendChild(style);
Величезне спасибі! Тиждень шукав таке рішення, ви мене врятували)
а для яких цілей такперекручуватися? Невже в майбутньому зникнуть події намозеоver і onmouseout? Народ ви хріней страждаєте.
те що потрібно у мене на сторінці елементів 30 з одним класом за допомогою onmouseover, onmouseout завагався робити
і що заважає п'ятьма рядками скрипта підключити їм усім події?
хотілося б побачити 5 рядків якщо все правильно робити 5 рядками не обійтися а конструкцію виду onmouseover = function() doument.getelementbyclass > onmouseout = function() doument.getelementbyclass > зробить тільки говнокодер і тим більше написав уже що у мене тільки імена класів є а всяку хрень типу onmouseover="mv()" onmouseout="mo()" додавати застарілий не гарний спосіб
Так уже. Дивлюся зі знаннями у вас напруження. зате зарозумілість роздута непомірно http://javascript.ru/tutorial/events Слухачі подій на документ. У слухачі визначати клас, id. елемента у якому сталася подія. Разом: Навіска слухача кроссбраузерно -2 рядки Кросбраузерне отримання event-1 рядок Кросбраузерне отримання target-1 рядок Перевірка класу у target-1 рядок ______________________________________5 рядків рівнодля кожного або,якщо визначати тип події -6 рядків на все
Я написала собі для цього функцію повернення. Просто я як веб дизайнер. І мені потрібно було щоб при наведенні на елемент 0 підсвічувався і елемент 1 і навпаки. Елементів може бути скільки завгодно. Одразу, якщо чесно, намагалася знайти в інтернеті. Але мені для такого простого завдання видавало 1000000. кілометрові коди. І це мене збентежило (нафіга?). Помучившись кілька годин написала функцію яка повертає позицію елемента на сторінці, друга функція приймає та обробляє. Просто, адже я на сторінки чужого сайлу не можу дописати до кожного намусіоресурсів. Довелося викручуватися)