brTip 介绍
This jQuery plugin was inspired and based on various other plugins of tooltip,
but this is better =)
-
Instalation:
- Include jQuery
- Include brTip
- Include CSS of brTip
-
Select the element and apply:
-
$(‘.brTip’).brTip();
- $(‘img’).brTip();
- 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:'});
-
brTip has been tested in the following browsers:
- IE 6 & 7
- Firefox 2
- Opera 9
- Safari 3
-
Know issues:
-
Don’t allow multiple instances