Good-Looking Tooltips

Good-Looking Tooltips is a small JavaScript library that you can include to spice up the look of your tooltips in your web page. Move your mouse pointer over any of the headings in the main column here to see it in effect.

Click here for the live demo!

The implementation is easy!
1. Download the Javascript file and upload to your site directory.
2. Include the code at herder section of your web page.

< script src=”js/glt.js” type=”text/javascript”>

3. Place the CSS code at your stylesheet.

.glt-elm{
position: absolute;
left: 0;
top: 0;
width: 150px;
color: #fff;
opacity: 0.9;
visibility: hidden;
}

.glt-elm p{
background: #666;
margin: 0;
padding: 0.5em;
}

.glt-elm img{
display: block;
}

4. Upload the two images to your directory.

Please visit the website for more information and customizing.

Topics: CSS, Design, Web Development