Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Oi gente, tudo bem?
Eu estou desenvolvendo um site e tô com um problema no menu que não consigo resolver. Na verdade quero modificar uma coisa e não consigo. Tô usando o código
<label for='tm'> <img src="icones/menu_on.png"
onMouseOver="this.src='icones/menu_off.png'"onMouseOut="this.src='icones/menu_on.png'"
width="61" height="40"/>
</label>
Só que o problema é que eu queria que, no momento em que o menu estivesse aberto, o ícone fosse de um X e não o mesmo do início.
O que devo fazer?
Não é exatamente isso ai...
especifique melhor .
ou veja se algum desses corresponde.
Tipo isso: http://jsbin.com/regoqo/edit?html,css,js,output
OBS¹: Comentei da melhor forma que pude. Qualquer dúvida só perguntar.
OBS²: Fiz usando icons em SVG mas não tem diferença, só trocar por imagems. O que realmente realiza a ação de alternar entre os icones é o JavaScript pois, é nele que faço a adição da classe show-icon ao ícone que deve ser mostrado caso o menu esteja aberto ou não e também se deve exibi-lp ou não. Quero deixar claro que há melhores formas de fazer isso mas é só um exemplo.
http://www.w3schools.com/cssref/sel_hover.asp