Forum Moderators: open

Message Too Old, No Replies

mouseover/rollover to a different part of page

         

th1chsn

11:40 pm on Apr 29, 2007 (gmt 0)

10+ Year Member



Does anyone know how to create a mouseover or rollover where the rollover effect goes to a different part of the page?

For example (using the text below) when the user hovers over link 1 - 4 then the hover effect appears where it says "Put rollover text here"

link 1
link 2
link 3
link 4

Put rollover text here

Let me know if this isn't making any sense and I'll try to explain it better.

Dabrowski

8:42 pm on Apr 30, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The easiest way, assuming you are already familliar to some extent with JS, would be to have a hidden DIV, positioned where you want your text to appear, whether it's a popup window, or a couple of lines of text in a paragraph.

You'd just assign your onmouseover/out events to a JS function that set the display type of this div to hidden/block/inline, or use innerHTML to change it's contents.

You can assign onmouseover/out to most elements, img's, a's, div's, p's, whatever.