If you hover over the links in this post "Bubble Tooltips" appear.
The script for this was created by Alessandro Fulciniti. Please read his his article for a full description and code download..
Alessandro Fulciniti's Examples of bubble Tooltips
If no title is specified then only the link address is shown in the bubble. Bubble Tooltip made with no title attribute.
I have applied the script only to the content section of this page by altering it by the addition of the code in red below;
<script type="text/javascript" src="BubbleTooltips.js"></script>
<script type="text/javascript">
window.onload=function(){enableTooltips("content")};
</script>
Tags: Tooltips, Blog-Tips, Blog-Coding sueblimely
2 Comments:
Neat! Will this work for wordpress?
Hi aimee.
Yes this will work for Wordpress. You will need to go into Theme Editor to add a link to the js and CSS files.
If you do not have access to your own server, so need to include the js and css in the template itself, you will have to change one line of the js code to stop it pointing to a seperate css file. Change the line
l.setAttribute("href","bt.css");
to:
l.setAttribute("href","self");
You will have to set a title attribute to the links you wish to have bubble tips on.
Hope this helps. Please let me know if you need more instruction.