- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ
Экспертная оценка Адмитад
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Как сделать, чтобы менялся background в раскрывающемся меню. "+" когда меню закрыто и "-" когда меню раскрыто.
Есть раскрывающееся меню:
Есть CSS:
a.lmenu {
font-size:12px;
font-weight:bold;
text-transform:uppercase;
padding:7px 7px 7px 5px;
display:block;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
background-image: url(images/plus.jpg);
width:218px;
text-align:left;
}
a.lmenu2 {
font-size:13px;
text-decoration:none;
display:block;
margin-left: 10px;
background-image: url(images/arrow.png);
background-repeat: no-repeat;
background-position: left top;
font-weight: bold;
width:223px;
padding:10px 10px 7px 10px;
display:block;
margin-left: 20px;
background-color: #FFFFFF;
text-align:left;
}
Есть Javaskript:
Что добавить в CSS и JS, чтобы менялся background (plus.jpg), "+" когда меню закрыто и "-" когда меню раскрыто.
Спасибо!
Дамы и господа, помогите в решении этого вопроса.
Спасибо!
plus.jpg это спрайт?
P.S.
хотя какой спрайт, он должен быть в расширении .png
plus.jpg это спрайт?
P.S.
хотя какой спрайт, он должен быть в расширении .png
Файл plus.jpg написан для примера. Если удобно, могу написать plus.jpg, plus.png, plus.gif - Это не повлияет на решение проблемы.
Файл plus.jpg написан для примера. Если удобно, могу написать plus.jpg, plus.png, plus.gif - Это не повлияет на решение проблемы.
вы понимаете что такое спрайт?
это картинка с в которой много разных иконок которые двигают через background-position:
я и уточнял ибо не увидел больше у вас картинок
наведу вам пример который вам поможет
a.lmenu:active { background: url(images/minus.png) no-repeat; }
пишите через родительский
общий вид:
.div1:условие .div2 {стиль2}
вы понимаете что такое спрайт?
это картинка с в которой много разных иконок которые двигают через background-position:
я и уточнял ибо не увидел больше у вас картинок
наведу вам пример который вам поможет
a.lmenu { background: url(images/plus.png) no-repeat; }a.lmenu:active { background: url(images/minus.png) no-repeat; }
Вставил в стили
a.lmenu { background: url(images/plus.png) no-repeat; }a.lmenu:active { background: url(images/minus.png) no-repeat; }
При нажатии мышкой на ссылку в меню, бекграунд "plus.png" меняется на "minus.png", но только на момент нажатия мышкой, а как зафиксировать картинку "minus.png" пока открыто меню "lmenu"? а когда закрыто, то бекграундом становится "plus.png"?
Дорогие Вебмастера, что нужно прописать в скрипт и в css?
Неужели никто не знает?
А если в скрипт добавить, что-то вроде этого
$(document).ready(function() {
$('.logo1').click(function(){
$('#bg_up').removeClass('background2');
$('#bg_up').addClass('background1');
});
$('.logo2').click(function(){
$('#bg_up').removeClass('background1');
$('#bg_up').addClass('background2');
});
});
</script>
Как вы считаете?