Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 1161 Просмотров
*

Bozhkov2

  • Захожу иногда
  • 427
  • 12 / 0
У меня есть меню, хочу чтобы рядом при наведении на меню менялись изображения.

Изначально я сделал изменение изображения при наведении таким способом
Код
<a href="#" onmouseover="document.profil_mch.src='/images/menu_image.jpg'">Menu</a>
Очень удобно, без отдельного скрипта, всё четко работает.
Но теперь пришел к выводу, что менять нужно не изображение, а фон у дива рядом, чтобы блок был адаптивным под размер экрана, и тут проблемка. В интернете только примеры  отдельных скриптов в теле страницы, один скрипт для одного элемента, а так чтобы вписать код в ссылку, как я сделать с изображением, нет.
Вопрос, можно ли как-то записать код в ссылку, что-то типа
Код
<a href="#" onmouseover="document.#chg-img.css('background-image', 'url(/images/menu_image.jpg)')">Menu</a>
А то этот код не работает.
То что я понял из примеров на сайтах, это то, что нужно писать отдельный скрипт для каждой ссылки, но это по-моему не рационально.
*

dmitry_stas

  • Легенда
  • 13151
  • 1234 / 8
ничего не понятно :) так чтоли
Код
onmouseover="jQuery('#chg-img').css('background-image', 'url(/images/menu_image.jpg)')"
?
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Bozhkov2

  • Захожу иногда
  • 427
  • 12 / 0
*

Bozhkov2

  • Захожу иногда
  • 427
  • 12 / 0
ничего не понятно :) так чтоли
Код
onmouseover="jQuery('#chg-img').css('background-image', 'url(/images/menu_image.jpg)')"
?
dmitry_stas, А как добавить второе свойство?  *ОХ-Х-Х*
*

dmitry_stas

  • Легенда
  • 13151
  • 1234 / 8
можно так
Код
.css('второе-свойство', 'значение')
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Bozhkov2

  • Захожу иногда
  • 427
  • 12 / 0
Спасибо! Работает!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменение размера модального окна

Автор nesskafe

Ответов: 4
Просмотров: 1545
Последний ответ 16.06.2020, 17:43:05
от xpank
Ссылки в меню в мобильной версии

Автор Андрей Нестеров

Ответов: 1
Просмотров: 1189
Последний ответ 11.12.2019, 10:47:20
от sivers
Сделать эффект CSS у кнопок как у ссылки

Автор wishlight

Ответов: 1
Просмотров: 1042
Последний ответ 15.07.2018, 23:36:56
от AdWeb
Как изменить цвет ссылки только в ее блоке?

Автор Apollon

Ответов: 2
Просмотров: 1120
Последний ответ 30.09.2016, 21:36:18
от beliyadm
Image по ширине

Автор tauras2008

Ответов: 3
Просмотров: 995
Последний ответ 20.02.2016, 11:37:03
от AlekVolsk