efeito de imagem tipo globo.com e uol

[Renisio Braulio 0]

ola pessoal como vcs estão ? estou tentando descobrir uma solução já faz meses, mas ate o momento não tive exido, porque ainda sou novato em programação, cabei de construir meus primeiros sites, mas agora quero fazer algo completamente novo.

eu observei o site da globo.com e uol e notei que ao selecionar a mensagem da imagem de noticia, uma borda interna aparecera e o texto ficara sublinhado ; e também acontece contrario, se posiciono o mause em cima da imagem, a própria imagem aparecera com uma borda interna e o texto da imagem aparecera com um sublinhado.

queria saber se auguem sabe fazer essa interação entre a imagem e o texto, acredito que foi usado javascript

peço com gentileza que ajudem.

obrigado pela atenção e até mais

[Rafael Sirotheau 43]

Não precisa de javascript pra isso. É apenas css.

Veja: http://jsfiddle.net/fyvcxopm/

[wilnet 92]

Olá Renisio blza!

 

 

Exemplo Globo: http://jsfiddle.net/wilnet/q3wgnb3n/

 

Exemplo UOL: http://jsfiddle.net/wilnet/vjc9gr0j/

 

 

É mais ou menos por ai.

 

 

 

Espero ter ajudado,

 

vlw

[Lucas DIllenburg 1]

Apenas Css amigo , pesquise por "hover", provavelmente terá que utilizar um span transparent acima da sua imagem e colocar

 

span:hover {

border:1px solid black;

}

 

testa ai .

[William Bruno 1501]

Apaguei a duplicata em CSS.