Hover tags

I can't remember what site I was at, but when you hover over a certain word in the text, a comment box would appear and contain text and a link(like an ad). How would you create this and are there any examples you are aware of?

 

Are you referring to googles autolinks? Where they would read the code and add their links to a web page? MS does this as well.

 

I'm not talking about the google link ads, like the ones on this page, I'm talking about a single word in a paragraph, it would appear to be a link, but when you hover over it a text box/comment box appears.

 

I have something similar to give information when filling in the forms on the following page.
http://www.noblemarine.co.uk/dinghyinsurance.php3

I can't remember where they are from though.

Feel free to copy the scripts if you want.

 

Tool Tips.

 

Yes, that's it! with the question marks, any idea how to do it?

 

What are you talking about?

 

Try http://migoicons.tripod.com/dhtips.htm

 

Take a look at his code and see :-D

In this case, it looks like he's got a Javascript function that displays a div at a set of coordinates relative to the location of the mouse. The function is called when the user mouseovers the "?", another function is called when they mouseout which returns the div to display: none.

Google it

 

Thanks for all your info, I was hoping it was just a matter of some fancy css or tag editing, but it is a bit much more than that. It seems there are files to install and everything else. I will have to ponder if it is practical for me to use this or not. Thanks Again!

 

Hope you found this a long time ago. However if others happen to stumble across then they should know it's a simple matter of using the <span> tag.

<span title='Go to http://gottmilk.igottcha.com if you are interested in Truth, Eternal Relevance, and IT Stuff'><i>You can find me here</i></span>

Code (markup):

 

I have scripting code of text hovering code.. just open it aonestudy.com

 

try this in style.css

Your tag links class eg "tag" here

.tag:hover {
display:block;
width:30px;
height:20px;
overflow:visible;
background:url(images/youbackground.jpg) no-repeat center;
padding-bottom:20px;
position:relative;
}

Code (markup):

Then you can use php to put the links in hover and that depends on your theme