-
Conteúdo Similar
-
Por Einstein_boladau
Como eu posso fazer para executar um comando quando o usuário pressionar a tecla "a" ????
JAVASCRIPT!
-
Por gaahsz
Olá pessoal, gostaria de que se ao passar o mouse na div1 que mude o background-color dela(div1)
e de outra div(div2) e que aconteça o mesmo se eu passar o mouse na outra div(div2).
Eu consegui em jquery fazer com que mude o background-color da div que eu passei o mouse e não das duas divs!!
HTML
<tr <td class="vertical"> <img src="SUPAT.png" class="setor" id="objeto1"> </td> <td class="celulas1" valign="center" align="left"> <a href="#" class="linksicones"> <img src="administracaopredial.png" class="menus"> <div id="texto" class="textoClass"> Administração Predial </div> </a> </td> <td class="vertical"> <img src="SUPAT.png" class="setor"> </td> <td class="celulas1"> <a href="#" class="linksicones"> <img src="arquivo.png" class="menus"><div id="texto" class="textoClass"> Arquivos </div> </a> </td> </tr> Minha ideia é passar o mouse no TD class="Vertical" e trocar o background deste e do TD class="celulas1"
e o mesmo acontecer quando eu passar o mouse no td class="celulas1"
JQUERY
$(document).ready(function($){ $('.celulas1, .textoClass').mouseenter(function(){ $(this).find("div").css({ color: "white" }); }); $('.celulas1').mouseleave(function(){ $('.textoClass').css({ color: "#00416B" }); }); }); faço isso com a cor da letra pois o backgorund eu faço no CSS más vejo que só conseguirei fazer isso pelo jquery
CSS
td.vertical{ width: 20px; height: 80px; border-color: #00416B; border-style: solid; border-width: 1px; color: white; font-size: 15px; font-weight: bold; transition: all 0.5s ease-in; } td.vertical:hover{ background-color: #00416B; } td.celulas1{ text-align: left; font-weight: bold; height: 80px; width: 380px; border-color: #00416B; border-style: solid; border-width: 1px; transition: all 0.5s ease-in; } td.celulas1:hover{ background-color: #00416B; } VALEU!!
-
ola, é possivel uma função keypress depois de mouseenter?
ex: ao passar meu mouse encima de uma div(classe) aciono o evento mouseenter depois pressiono uma tecla e aciono o evento keypress
$(document).on('mouseenter' , '#window-find' , function(){
notification('warning','warning')
$(document).on('keypress' , '#window-find' , function(){
notification('info','info')
})
})
tentei isso mas não da certo, alguem poderia me dar uma força?
Compartilhar este post
Link para o post
Compartilhar em outros sites