Уважаемые знатоки JS столкнулся вот с такой проблемой:
Допустим есть элемент (в моем случае изображение) окруженное несколькими блоками (дивами) вложенных один в один, получается изображение находится внутри всех этих дивов. Так вот необходимо сделать, чтобы при наведении на изображение менялись стили всех этих дивов.
По умолчанию имеются стили для всех перечисленных классов sliderbox, sliderbox-content, sliderbox-item так вот решения только средствами CSS я не нашел решил действовать через JS, поскольку в JS не силен решил обратиться за помощью. Предполагаю, что необходимо сделать функцию которая в зависимости от onMouseOver или onMouseOut будет делать выборку значений стилей. В Интернет нашел вот такой пример кода:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Проверка</title> <script> function ser(obj){ obj.className="style2"; <!-- Это функция отвечает за то чтобы при наведении мышкой менялся стиль--> } </script> <script> function serr(obj){ obj.className="res"; <!-- Это функция отвечает за то что если вашка мышка не наведена на ячейку то стиль останется прежним--> } </script> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="res" onMouseOver=ser(this) onMouseOut=serr(this)>Привет</div>
</body> </html>
.style2 {background:url(1.jpg);} <!-- Это картинка при наведении мышкой --> .res {background:url(2.jpg);} <!-- Это обычная картинка -->
В данном примере идет присвоение стиля в зависимости находится ли мышка на надписи но здесь идет присвоение конкретно стиля а надо присвоить значение нескольких стилей при наведении мышки на объект (изображение) подкажите плиз как реализовать данную задачу. Понимаю что решение в принципе должно быть элементарное но в связи с тем что только начинаю изучать JS сам сделать не могу.
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке.
Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
Question
Freedin
Уважаемые знатоки JS столкнулся вот с такой проблемой:
Допустим есть элемент (в моем случае изображение) окруженное несколькими блоками (дивами) вложенных один в один, получается изображение находится внутри всех этих дивов. Так вот необходимо сделать, чтобы при наведении на изображение менялись стили всех этих дивов.
Вот пример кода html:
По умолчанию имеются стили для всех перечисленных классов sliderbox, sliderbox-content, sliderbox-item так вот решения только средствами CSS я не нашел решил действовать через JS, поскольку в JS не силен решил обратиться за помощью. Предполагаю, что необходимо сделать функцию которая в зависимости от onMouseOver или onMouseOut будет делать выборку значений стилей. В Интернет нашел вот такой пример кода:
В данном примере идет присвоение стиля в зависимости находится ли мышка на надписи но здесь идет присвоение конкретно стиля а надо присвоить значение нескольких стилей при наведении мышки на объект (изображение) подкажите плиз как реализовать данную задачу. Понимаю что решение в принципе должно быть элементарное но в связи с тем что только начинаю изучать JS сам сделать не могу.
Link to comment
Share on other sites
8 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.