<div></div><a href="#">
...
function a_enter() {
$(this).prev().css('background-image', '1_hover.png');
}
function a_leave() {
$(this).prev().css('background-image', '1.png');
}
$('a').hover(a_enter, a_leave); //этот обработчик вешаем в ready
HTML+JQuery Menu
Привет всем!
Вот элемент дизайна меню который я разработал.
Не могу придумать как сделать так, чтобы при наведении категорий меню:
"Файлы" и его подкатегорий Патчи, к примеру загарался кружок радиации соответствующий.
Помогите с алгоритмом пожалуйста :facepalm:
Рисуешь вторую картинку "загоревшуюся" и ставишь ее на :hover
надеюсь значок в бэкграунте?
Цитата:
что значит загорался?
Рисуешь вторую картинку "загоревшуюся" и ставишь ее на :hover
надеюсь значок в бэкграунте?
Рисуешь вторую картинку "загоревшуюся" и ставишь ее на :hover
надеюсь значок в бэкграунте?
да, это я и имел ввиду, но как связать значек и соответствующиу пункты, где одному значку соответствует множество пунктов ?
а мне почем знать, кау у тебя все сврестано?
Сейчас впринципе неважно, я структуру могу подогнать еще сто раз под алгоритм.
недочитал нмножко... сорри
ну вобще, у jquery обычно устанваливается в таких случаях свой класс, активному пункту меню, что-то типа jactive ну или как-то так.
Если есть где-то рабочая версия в онлайне - могу гялнуть.
сам плагин меню для jquery -неюзал.
Цитата:
аа это плагин?
о_0 :facepalm:
Цитата: T...H
Lone Wolf, вы JQuery знаете ? о_0
T...H, не думайте, что вы один программист и один знаете библиотеки. Посмотрите сначала, с кем вы разговариваете, а потом задавайте такого рода вопросы. Просто свои проблемы нужно формулировать внятно и четко.
Цитата: Lone Wolf
а мне почем знать, кау у тебя все сврестано?
кстати имеет большое значение....
1. если радиация внутри <a> - jquery не нужен, делаем через стили :hover
2. если не внутри <a> - можно так
Код:
или так
Код:
<img><a href="#">
...
function a_enter() {
$(this).prev().attr('src', '1_hover.png');
}
function a_leave() {
$(this).prev().attr('src', '1.png');
}
$('a').hover(a_enter, a_leave); //этот обработчик вешаем в ready
...
function a_enter() {
$(this).prev().attr('src', '1_hover.png');
}
function a_leave() {
$(this).prev().attr('src', '1.png');
}
$('a').hover(a_enter, a_leave); //этот обработчик вешаем в ready
вариант в одну строку
Код:
$('a').hover(function() {$(this).prev().attr('src', '1_hover.png');}, function() {$(this).prev().attr('src', '1.png');}); //этот обработчик вешаем в ready