Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
NeTakoi
0 / 0 / 0
Регистрация: 05.10.2014
Сообщений: 51
1

Сменить цвет при ховере

30.06.2015, 11:08. Просмотров 667. Ответов 26
Метки нет (Все метки)

Есть такое меню для сайта:
Сменить цвет при ховере


Как сделать, чтобы при наведении на каждую кнопку менялся цвет линии соответственно цвету кнопки.
Сам не новичок в css, но этого раздела совсем не знаю.
Помню были рекомендации объединить объекты, но дело в том, что линия одна.

Спасибо!

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
30.06.2015, 11:08
Ответы с готовыми решениями:

Как поменять цвет кнопки при ее нажатии, а при наведении чтоб цвет не менялся?
//css файл .mymegabutton{ background: blue; } .hvr{ background: green;...

Как сменить сменить картинку в слайдшоу?
// Slideshow for the Microsoft Desktop Sidebar // Copyright 2005,...

Как сменить атрибут при клике
Как сменить атрибут при клике,а потом при клике на другой элемент чтоб атрибут...

Изменить цвет кнопки при нажатии и удержании этого цвета даже при обновлениях страницы
Здравствуйте, все никак не получается сделать несколько кнопок одного цвета,...

Кнопка, плавно меняющая цвет при наведении
не могу разобраться как добавить цвета. их должно быть 16, а у меня получился...

26
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
30.06.2015, 15:59 21
NeTakoi, никуда, он сам всё найдёт и напишет

Добавлено через 1 минуту
NeTakoi, getCommpiledStyle это вещь, которая возвращает объект с уже найденными и рассчитанными свойствами элемента, мы просто берём элемент над которым пролетела мышь и узнаём какой у неё бакграунд, а потом просто линии ставим этот бакграунд

Добавлено через 45 секунд
NeTakoi, вы только этот скрипт ставьте в конце страницы, а то он может ничего не найти и ничего не обработать
1
NeTakoi
0 / 0 / 0
Регистрация: 05.10.2014
Сообщений: 51
30.06.2015, 16:01  [ТС] 22
И еще мне-же надо много цветов на одну линию. Как это реализовать?

Теперь понял!! :-)
0
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
30.06.2015, 16:04 23
NeTakoi, всмысле много цветов?
вы наводите на одну кнопку, линия становится такого же цвета как и кнопка, наводите на другую линия становится такого же цвета как кнопка на которую вы только что навели

Добавлено через 44 секунды
ну так я понял вопрос
1
NeTakoi
0 / 0 / 0
Регистрация: 05.10.2014
Сообщений: 51
30.06.2015, 16:04  [ТС] 24
Все, все идеально работает) правда не возвращает первоначальный цвет, но это мелочь.
Спасибо огромное!
0
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
30.06.2015, 16:10 25
Лучший ответ Сообщение было отмечено NeTakoi как решение

Решение

NeTakoi, вы только цвет первоначальный вбейте в переменную
Javascript
1
2
3
4
5
6
7
8
9
var NORMALCOLOR="red";// тут ваш "нормальный" цвет
[].forEach.call(document.querySelectorAll(".mButt "),function(e){
e.onmousemove=function(){
document.getElementsByClassName("myLine")[0].style.backgroundColor=getComputedStyle(this).backgroundColor
};
o.onmouseleave=function(){
document.getElementsByClassName("myLine")[0].style.backgroundColor=NORMALCOLOR;
}
})
1
NeTakoi
0 / 0 / 0
Регистрация: 05.10.2014
Сообщений: 51
30.06.2015, 16:20  [ТС] 26
BANO, а можешь сказать, что [0] означает? Задержку?
0
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
30.06.2015, 16:35 27
NeTakoi, нет
просто getElementsByClassName возвращает список элементов, а я беру первый элемент в списке

Добавлено через 1 минуту
querySelectorAll тоже возвращает список а не массив, по этому я использовал конструкцию [].forEach.call
чтобы обработать все элементы списка, который вернул querySelector
1
30.06.2015, 16:35
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.06.2015, 16:35

При наведении изменять цвет текста в <font>
мне надо как-то сделать, чтобы при наведении менялся цвет текста в &lt;font&gt; Есть...

При нажатии на меню, меняется цвет div
Подскажите как сделать чтобы при нажатии на заданном пункте в контекстном меню...

Изменить активный цвет первой ссылки при заходе
Как сделать так чтобы при заходе на страницу первая ссылка сразу же была...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
27
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru