- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах
Это на 45% больше, чем в 2022 году
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Есть конструкция:
<div>
<img onMouseOver="this.src='/img/new.png'" onMouseOut="this.src='/img/old.png'" src="/img/old.png"/> <br>
<a href="http://site.ru">Перейти по ссылке</a>
</div>
Сейчас работает следующим образом:
При наведении курсора на картинку, ее вид меняется. При наведении курсора на ссылку она принимает вид "a:hover"
Задача: При попадании курсора в область div одновременно меняется картинка и ссылка принимает вид "a:hover"
Как можно такое реализовать?
Заранее спасибо.
1. вырвать руки тому кто делает подобное УГ
2. убедиться что руки вырваны по самые я***а, дабы тот кто делает подобное УГ не смог плодить наследников
3. начинать изучать CSS
в html достаточно вот этого
а всего остального можно добиться стилями
однако учтите, что некоторые старые браузеры (не буду показывать пальцем) понимают :hover лишь для ссылок, но не для обьектов... в этом случае можно поступить так:
средствами CSS получается во-первых более быстрая работа сайта, т.к. и сам сцц и прописанные background-ом картинки кешируются клиентом и во-вторых более "чистый" код страницы
обратите внимание, что это лишь примеры, которые можно улучшить - например использовать одну картинку вместо двух (в этом случае при hover используем background-position, т.е. "сдвигаем" картинку при наведении)
Вариант номер два, не такой матерый как первый, но тоже вариант...
Вся разница в том что в варианте с css - картинки загружаются в браузер из сети сразу а не по событию. т.е. в варианта с JS - надо ещё прелодер картинок из сети делать =)
Всем спасибо за помощь и за разъяснения 🍿