Back to my Portfolio

With mouseinfobox plugin for jQuery, you can easily create tooltips on your websites, and customize it.

Download

Available options :
name default value // description

offsetX 20 // x position relative to the mouse
offsetY 20 // y position relative to the mouse
useMouse true // true to follow the mouse, false to stay static (placed relative to the element)
content '' // content of the tooltip, if empty the plugin take the title attribute content
boxClass '' // to put a specific class attribute to the tooltip
animation [] // animate the tooltip (see examples below), available : opacity, top, bottom, left, right
animDuration 200 // duration of the animation (in ms)
ajaxURL '' // if you want to load content with ajax, put your URL
ajaxType 'POST' // type of the ajax data (POST or GET)
ajaxData '' // ajax data (string or object)
ajaxReload false // if true, ajax request will be send each time the tooltip is opened
ajaxLoadContent 'Loading ...' // text to display when ajax request is loading
bottomPos false // y position is set relative to the bottom of the tooltip
rightPos false // x position is set relative to the right of the tooltip

Demos

Basic, using attribute title
content option
Animation
Don't use mouse position
bottomPos property
Ajax content
Ajax content Reloading
Ajax with data