DieGo_PaPiTo Postado Abril 9, 2009 Denunciar Share Postado Abril 9, 2009 E ai galera.... olhem os links deste site http://www.wgd.co.uk/home.htmlO cara fez uma função pra troca de imagensgostaria de saber se tem como fazer isso em CSS ou JS, tipo.. passar o mouse em cima da frase e trocar a cor apenas de uma palavratem como??? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Abril 9, 2009 Denunciar Share Postado Abril 9, 2009 Isso é feito com CSSNo caso desse site, foi feito somente para links, mas é possível fazer com outros elementos da página (versões inferiores ao IE7 apenas suportam essa funcionalidade em links, sendo necessário recorrer a javascript)Você pode fazer assim:A:link{color:black} /*Link's normais*/ A:visited{color:purple} /*Link's visitados*/ A:hover{color:red} /*Mouse em cima do link*/ A:active{color:green} /*O usuário clicou no link*/ Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 DieGo_PaPiTo Postado Abril 10, 2009 Autor Denunciar Share Postado Abril 10, 2009 Valeu Jonathan mas isso nem foi feito em css fera, é um js que troca imagens ao passar o mouse.fiz parecido assim .. (não consegui colocar um codebox) <html><head><style type="text/css">a { text-decoration:none; color:#000000; }a.green { font-weight:bold; color:#000000; }a.green:hover { color:#66cc00; }</style></head><body><a href="teste.html">Frase em preto </a><a href="teste.html" class="green">palavra em verde</a><a href="teste.html"> Resto da frase em preto</a></body></html>Mas é óbvio q vai funcionar apenas na palavra que esta atribuida a classe "green". Quria q ela trocasse de cor quando passasse fora da palavra. Alguém sabe? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Abril 10, 2009 Denunciar Share Postado Abril 10, 2009 Tente escrever manualmente [code] ou [odebox (no caso de códigos pequenos é melhor usar o code)Você pode deixar o HTML assim:<a href="pagina2.htm">Visitar <span class="pl_principal">segunda página</span> agora</a> E o CSS assim: A.pl_principal:hover {color:red}Nesse caso só irá mudar a cor da classe "pl_principal"Obs.:Isso aí é CSS, não JS Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 DeeKilleer Postado Abril 15, 2009 Denunciar Share Postado Abril 15, 2009 (editado) <hmtl> <head> <style type='text/css'> A.cor:link { color:green; text-decoration:none;} A.cor:visited { color:green; text-decoration:none;} A.cor:hover { color:red; text-decoration:none;} A.cor:active { color:green; text-decoration:none;} </style> </head> <body> <h2><font color='black'> Clique na palavra para </font><a href='#' class='cor'> MUDAR DE COR </a></h2> </body> </html>Até Mais Y Editado Abril 16, 2009 por DeeKilleer Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Abril 15, 2009 Denunciar Share Postado Abril 15, 2009 Funcionou ? Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
DieGo_PaPiTo
E ai galera.... olhem os links deste site
http://www.wgd.co.uk/home.html
O cara fez uma função pra troca de imagens
gostaria de saber se tem como fazer isso em CSS ou JS, tipo.. passar o mouse em cima da frase e trocar a cor apenas de uma palavra
tem como???
Link para o comentário
Compartilhar em outros sites
5 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.