Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde,
Estou com uma dificuldade,
Tenho uma DIV com um ID chamado totalContentque envolve uma imagem um subtítulo e um paragrafo.
Deixei a imagem, subtítulo e paragrafo com um link para a pagina desejada.
Mas eu gostaria de alterar o background da minha DIV totalContent de #eeeeee para #ffEE00 ao passar o mouse por cima dela.
Segue abaixo o html e css:
/applications/core/interface/imageproxy/imageproxy.php?img=http://dado.worldgamerconfigs.com/image/teste/html.jpg&key=1dcf09d2bd4f93968d6f52634a72b6afc7fa70d59952e79a807be464ab022321" alt="html.jpg" />
/applications/core/interface/imageproxy/imageproxy.php?img=http://dado.worldgamerconfigs.com/image/teste/css.jpg&key=9362d9436f6967cb50b1a65de65b1fb143428394b773b89091cba391b289fed7" alt="css.jpg" />
Como está na imagem tentei utilizar o Jquery mas ai só alterar o background da DIV e eu gostaria de alterar ele ao passar o mouse por cima da DIV.
Desde já agradeço
Muito obrigado Diéssica,
Nunca tinha tentado e não sabia que o hover funcionava em (classes e ids) pensei que era para links somente valeu tirou minha dúvida e me ensinou algo novo :natalhappy:
Funcionou perfeitamente, o editor que uso é Notepad++, para alterar a aparência dele é só ir: Menu,Configurações depois só selecionar um dos temas pré-definidos e altera-ló como preferir :natalsmile:
Obrigado
>
Muito obrigado Diéssica,
Nunca tinha tentado e não sabia que o hover funcionava em (classes e ids) pensei que era para links somente valeu tirou minha dúvida e me ensinou algo novo :natalhappy:
Funcionou perfeitamente, o editor que uso é Notepad++, para alterar a aparência dele é só ir: Menu,Configurações depois só selecionar um dos temas pré-definidos e altera-ló como preferir :natalsmile:
Obrigado
Também uso Notepad++ e estranhei a aparência do teu.. hehe
[]s,
Diéssica Gurskas
Também uso Notepad++ e estranhei a aparência do teu.. hehe
Bom para não incomodar muito os olhos :natalhappy:
É fácil... Não precisa jQuery, Javascript.
Adiciona essa linha no teu CSS:
#totalContent:hover {
O hover é a ação de passar o mouse no objeto. Pode usar por exemplo, a:hover (em links) .titulo:hover (em classes) e #objeto:hover (ids). Daí é só abrir as chaves {} e determinar as propriedades, no teu caso só o novo background (#ffEE00).
Não testei mas deve funcionar.
E uma pergunta: que editor tu usa?