brTip 1.1.0 - By G. Sobrinho

Simple - brTip Off

Simple - brTip On

HTML - brTip Off

HTML - brTip On

 

This jQuery plugin was inspired and based on various other plugins of tooltip, but this is better =)

1. Instalation:

   
   
   • Include jQuery
   • Include brTip
   • Include CSS of brTip

2. Select the element and apply:

   
   
   • $('.brTip').brTip();
   • $('img').brTip();

3. It's full customizable with options. The options is explained here:

   
   

   fadeIn: Number or String ('') - Speed of fadeIn

   fadeOut: Number or String ('') - Speed of fadeOut

   toShow: Number (100) - Delay time (ms) to show

   toHide: Number (500) - Delay time (ms) to hide

   opacity: Number (0.8) - The brTip opacity, from 0 - 1

   top: Number (1) - The top position of brTip is sum of mouse position with this

   left: Number (25) - The same of top, but for the left position

   title: String ('Help') - The title of brTip

   
   
   • $('a[@rel=brTip]').brTip({fadeIn: 'slow', left: -50, top: 10});
   • $('a[@rel=brTip]').brTip({title: 'About this:'});

4. brTip has been tested in the following browsers:

   
   
   • IE 6 & 7
   • Firefox 2
   • Opera 9
   • Safari 3

5. Know issues:

   
   
   • Don't allow multiple instances