OnMouseOver = Manchete

[Cyro Salgado 0]

Olá, colegas do fórum...

 

Tenho uma homepage com três imagens e gostaria que, ao

passar o mouse sobre qualquer uma delas, a manchete referente

à imagem aparecesse em uma caixa separada, ao lado delas...

 

O + próximo que encontrei foi isso:

http://www.javascriptkit.com/javatutors/crossmenu2.shtml

 

É como se cada um dos itens do menu fosse uma imagem.

Há uma + forma simples de fazer o que quero? Eu devo

recorrer ao jquery? Só para isso?

 

Obrigado a todos e um grande abraço!

[Henrique Barcelos 290]

A idéia é simples.

Você só vai precisar conhecer um pouco de AJAX pra fazer funcionar direitinho.

 

Coloque os links para as manchetes dentro de uma lista ou div e selecione todos, atribuindo ao metodo onmouseouver alguma função:

 

HTML:

<ul id="manchetes">
    <li><a href="#">Manchete 1</a></li>
    <li><a href="#">Manchete 2</a></li>
    <li><a href="#">Manchete 3</a></li>
    <li><a href="#">Manchete 4</a></li>
    <li><a href="#">Manchete 5</a></li>
</ul>
<div id="container_manchete">
</div>

JS:

var manchetes = document.getElementById("manchetes");
if(!manchetes) return false;
var itens = manchetes.getElementsByTagName("a");
for(var i = 0; i < itens.length; i++){
    itens[i].onmouseover = function(){
         //AQUI você EXECUTA UMA FUNÇÃO QUALQUER que vai ser a responsavel por trazer a manchete dentro da div #container_manchete.
    }
}

Att, Rick