Aqui você verá artigos sobre CSS
Moderador: web
 por impossivel Offline » Qui Jan 24, 2008 1:43 pm
|
|
Acho que alguem ja teve este mesmo problema.
Criei um menu usando DIVs, com "class" (<div id="1" class="estilo">..</div>)
em uma folha css ai posso criar a classe
.estilo{
...
}
porem não aceita a class
.estilo:hover
pq não funciona o comando hover em divs, table, ou outra coisa, só funciona legal em items de link, como UL, LI, A... ai funciona
li:hover, ul:hover, a:hover.
mas achei um codigo que resolve, vou postar aqui pra vcs.
- Código: Selecionar todos
<script type="text/javascript">
function aplicarHover(){
for(i=0; i < arguments.length; i++){
document.getElementById(arguments[i]).onmouseover = function(){
this.className = this.className+" "+ this.className.split(' ').join('Over ')+'Over';
}
document.getElementById(arguments[i]).onmouseout = function(){
var classes = '';
var novasClasses = this.className.split(' ');
for(k=0; k < novasClasses.length; k++){
if(!novasClasses[k].match(/(Over)/)){
classes += ' '+novasClasses[k];
}
}
this.className = classes.substring(1);
}
}
}
</script>
Crie um estilo acrescentando "Over" para a class que deseja, ficaria assim
.estilo{ //classe normal
font: 10px Verdana, sans-serif;
}
.estiloOver{ //classe para hover
font: 12px Verdana, sans-serif;
}
para nao executar a função em todas class do documento, deve ser especificado qual o id do elemento que deve receber a função hover
<body onload="aplicarHover('divtal','img_tal','table-tal')">
<div id="divtal" class="estilo">
agora esta div tem uma classe para qdo passar o mouse (estiloOver)
</div>
Ps. não esqueça, nos elementos que deseja esta função, coloque uma id, e discrimine ela no onload na tag body
impossivel
SUPER VETERANO
Mensagens: 237
Registrado em: Qui Mar 22, 2007 2:38 pm
Localização: Florianópolis/SC
|
por web Offline » Sex Jan 25, 2008 11:38 am
Muito bom, bem prático o script e facilita bastante para usar o efeito hover.
Só lembrando que você usou no style: font, seria font-family.
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11904
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre CSS
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 2 visitantes
|
|
|
