How To Use:

1. Download domtooltips here.

2. Include domtooltips.css and domtooltips.js in your header
<link rel=”stylesheet” href=”domtooltips.css” type=”text/css” />
<script src=”domtooltips.js” type=”text/javascript”></script>

3. Take the parts of the code, which must show tooltips, in <span> tags and set “domtooltips” the classes of the <span> tags. The values of “title” attributes of the <span> tags are the contents of the tooltips.

4. Add <script> load_domtooltips(); </script> just after </body>.

How To Customize:

You can use CSS to style the tooltips. Edit the code in domtooltips.css

.domtooltips div{
   border: 1px solid #224578;
   background: #FFFFFF;
   position: absolute;
   padding: 5px 10px;
   width: 200px;
   text-align: justify;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   text-transform: none;
   letter-spacing: normal;
   line-height: normal;
   -moz-border-radius: 5px;
}

Screenshot:

Version:

1.0

License:

Domtooltips by Ruben Sargsyan is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License.

Donate:

If you find this plugin useful to you, please consider making a small donation to help contribute to further development. Thanks for your kind support!