PERNAMBUCO_FJV Postado Dezembro 3, 2003 Denunciar Share Postado Dezembro 3, 2003 como que eu faço para que no evento OnMouseOver de um texto,ele chame uma função e nessa função tenha um style??ex:tenho o texto:Testequando eu passar o mouse em cima do texto,ele chamar uma função que tenha isso:<style type="text/css"><!--a:link { color: #FFFFFF; text-decoration: none ; background-color: #000000}a:hover { color: #FF0033; text-decoration: none ; background-color: #000000}a:visited { color: #FFFFFF; text-decoration: none ; background-color: #000000}--></stylee esse testo fique assim.obs: pode não ser através de CSS,mas o texto NÃO é link,é apenas um texto e quando eu passar o mouse em cima ele mude de cor e fique sumblinhado,como que eu faço isso?? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Miqui Postado Dezembro 3, 2003 Denunciar Share Postado Dezembro 3, 2003 ae Pernambuco... esse pode ser um dos caminhos...mas preciso descobrir como faz para por o underline....<html><head> <script> <!-- function altera() { teste.style.color = "#FF0033"; } function limpa() { teste.style.color = "#000000"; } //--> </script></head><body><span id="teste" onmouseover="altera();" onmouseout="limpa();" style="cursor:hand;">TESTE</span></body></html>caso descubra eu atualizo o post ...se você descobrir por favor posta aqui Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 PERNAMBUCO_FJV Postado Dezembro 3, 2003 Autor Denunciar Share Postado Dezembro 3, 2003 mas tipo...se eu tiver 10 links,eu tenho que criar 10 funções??pois chama pelo id né??eu fiz uma gambiarra......transformei tudo em <a href>mas valeu mesmo véi,ficou massa!! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Miqui Postado Dezembro 3, 2003 Denunciar Share Postado Dezembro 3, 2003 no caso de vários links você faz assim...o que ta me ferrando a vida é essa historia do underline... não acho em nenhum lugar como usar nesse esquema...<html><head> <script> <!-- function altera(id) { id.style.color = "#FF0033"; } function limpa(id) { id.style.color = "#000000"; } //--> </script></head><body><span id="teste1" onmouseover="altera(this);" onmouseout="limpa(this);" style="cursor:hand;">TESTE 1</span><span id="teste2" onmouseover="altera(this);" onmouseout="limpa(this);" style="cursor:hand;">TESTE 2</span><span id="teste3" onmouseover="altera(this);" onmouseout="limpa(this);" style="cursor:hand;">TESTE 3</span></body></html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 PERNAMBUCO_FJV Postado Dezembro 3, 2003 Autor Denunciar Share Postado Dezembro 3, 2003 Pow cara valeu mesmo,era exatamente o que eu queria... :D Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Maujor Postado Dezembro 3, 2003 Denunciar Share Postado Dezembro 3, 2003 Olá Miqui,Para "por o underline" use um artífico.Defina uma borda inferior para o elemento HTML! :D Com isso além de por o sublinhado você ainda pode tê-lo de outra cor, pontilhado, tracejado, fino, espesso e mil possibilidades mais! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 PERNAMBUCO_FJV Postado Dezembro 3, 2003 Autor Denunciar Share Postado Dezembro 3, 2003 aproveitando o embalo:como que colocaria assim:quando colocarem o mouse em cima do link,no status aparecer o nome do link......eu ia fazer do mesmo jeito,usando um <span id>a bronca é que já existe um <span id> para cada item de submenu:<span class="submenu" id="sub1"> <a href="#"> <div align="left" onClick="f_chamamenu('cons_linha_tranNew')" onMouseOver="style.cursor='hand'" onMouseMove="visualisador()">Linha de Transmissão </div></a> <a href="#"><div onClick="f_chamamenu('cons_transformadores')" onMouseOver="style.cursor='hand'" onMouseMove="visualisador()">Transformadores </div> </a> <a href="#"> <div onClick="f_chamamenu('DigitVariaveisOperacionais')" onMouseOver="style.cursor='hand'" onMouseMove="visualisador()">Variáveis Operacionais</div> </a> </span> <br> <div class="menutitle" onclick="SwitchMenu('sub2','img2')"> <div align="left">Consulta <img src="images/menu/arrowdown.gif" alt="" name="img2" width="20" height="20" id="img2"></div> </div> <span class="submenu" id="sub2"> <a href="#"> <div onMouseMove="visualisador()">Transformadores</div> </a> <a href="#"><div onMouseMove="visualisador()">Linha de Transmissão</div></a> </span> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Miqui Postado Dezembro 3, 2003 Denunciar Share Postado Dezembro 3, 2003 e ai Maujor... gostei do seu site cara...ce manja como eu faço esse tipo de "customização" só que usando função, como no exemplo que tentei passar para o Pernambuco ? você por acaso sabe onde posso encontrar os comandos para usar ali ? function altera(id) { id.style.color = "#FF0033"; id.style.???? } ???? = border ? ???? = text-decoration ? Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
PERNAMBUCO_FJV
como que eu faço para que no evento OnMouseOver de um texto,ele chame uma função e nessa função tenha um style??
ex:
tenho o texto:
Teste
quando eu passar o mouse em cima do texto,ele chamar uma função que tenha isso:
<style type="text/css">
<!--
a:link { color: #FFFFFF; text-decoration: none ; background-color: #000000}
a:hover { color: #FF0033; text-decoration: none ; background-color: #000000}
a:visited { color: #FFFFFF; text-decoration: none ; background-color: #000000}
-->
</style
e esse testo fique assim.
obs: pode não ser através de CSS,mas o texto NÃO é link,é apenas um texto e quando eu passar o mouse em cima ele mude de cor e fique sumblinhado,como que eu faço isso??
Link para o comentário
Compartilhar em outros sites
7 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.