|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
 |
|
|
|
|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
|
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Display Modes |
Dev Articles Community Forums Sponsor:
|
|
|
|
#1
November 11th, 2005, 11:53 PM
|
|||
|
|||
How to do a 3rd party text rollover with image
Does anyone know how to do a third-party rollover with text, not an image? Like you rollover the text with your mouse, and an image pops up somewhere else on your page.
I was actually looking for something that allows additional text to pop up with the image, so if you guys know how to do that I'd appreciate it. I've attached a crude visual aid of what I want. The first image is before the cursor rolls over the text.
|
|
#2
November 15th, 2005, 04:01 PM
|
||||
|
||||
|
Code:
<a href="javascript:;" onmouseover="toggle('div1');" onmouseout="toggle('div1');">Hyperlink Text</a>
<div id="div1" style="display:none;">
<img src="some image.gif" /><br />
Some text here...
</div>
Code:
function toggle(o)
{
var div=document.getElementById(o);
div.style.display=(div.style.display=='none')? 'block':'none';
}
Something like that should do it...
__________________
Sinthetic - Alternative UK Hiphop: What's the worst that could happen?
|
|
| Viewing: Dev Articles Community Forums > Programming > JavaScript Development > How to do a 3rd party text rollover with image |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
