[SOLVED] Text rollover

[candyzouk]

Hi there,

I have a doubt here, hope you can help me.

This is the code:

<script>
function sw(y,x){
t=document.getElementById(x).style
t.visibility=(y=='on')?'visible':'hidden'
}
</script>
<style>
#div1,#div2 {
visibility:hidden;
left: 292px;
top: 45px;
}
</style>
<a onmouseover=sw('on','div2')>Show</a>
<div id=div2>This is a test.</div>

So..
What I want to do is, when I rollover on text another text would appear, and it does. But it stays like that when I move the mouse away from the text, and I wanted the text that appeared to disappear again.

Can you help me? I'd appreciate it. Thanks for your time.

[Stuart]

Just put an onmouseout value into the anchor tag (<a>). Like this:

HTML: Select all

<a onmouseover="sw('on','div2')" onmouseout="sw('off','div2')">Show</a>

That's it! I tested it, and it works, but if you have any problems, just ask...

Cheers

[candyzouk]

Thanks man that's exactly it, I was trying to do that like:

<a onmouseover="sw('on','div2')">Show</a>
<a onmouseout="sw('off','div2')"></a>

I didn't know that it could be done in the same..

Appreciate it

[Stuart]

No problem. Glad to help