CSS- Bubble Tool Tip

Share |

Very simple to use bubble tool tip, easy to implement.
I got this code some time back, during my initial phase of web development.

In the body tag put following code

<br /> <div id="container"><br /> <h1>CSS Bubble Tooltips</h1><br /> <p>This id demo <a href="#" class="tt">hover here!<span class="tooltip"><span class="top"></span><span class="middle">This is the Demo Tool tip... enjoy</span><span class="bottom"></span></span></a>. This is just a demo code...</p><br /> </div><br />


This code is very easy to understand, check style tag and download following images and change the paths accordingly in style tag.

Download Demo Code here --> Bubble Note.zip