Menu que muda a cor de fundo da barra de menu com uma cor diferente pra cada item do menu em evento de hover
Linguagens: CSS / HTML / JavaScript(jQuery).
Um valor é passado pelo atributo data-bg
presente em cada tag <a>
com a finalidade de muda o brackground-color da tag <nav class="menu">
quando há evento de hover sobre um item do menu.
Demo aqui.
<nav class="menu">
<a href='#' data-bg="rgb(166,5,32)">item do menu</a>
</nav>
Onde data-bg
armazena o brackground-color.
$(document).ready(function(){
$("a").hover(
function(){
var cor = $(this).attr("data-bg"),
estiloHover = {'background-color' : cor};
$("nav.menu").css(estiloHover);
}, function(){
$("nav").css("background-color", "#000");
});
});
AwesomeMenu de Deglier Amorim está licenciado com uma Licença Creative Commons - Atribuição 4.0 Internacional.