jquery mb.tooltip
Nice tooltip for yor page!
Now you can replace the ugly default tooltip with this smart and nice one!
http://pupunzi.com/#mb.components/mb.tooltip/tooltip.html
download page:
http://mbideasproject.googlecode.com/files/jquery.mbTooltip.1.6.zip
jQuery project page:
http://plugins.jquery.com/project/mbTooltip
Releases:
1.6
Major bugfix:
- had problem with “select” elements. fixed
1.1.0
Major bugfix:
- shadowTop and shadowLeft now works
- disable and enable mbTooltip now work in all browsers
1.0.0 first release
dependencies:
jquery.timers.js
jquery.dropshadow.js
How does it work:
here is the js call:
$(function(){
$("[title]").mbTooltip({
opacity : .90, //opacity
wait:500, //before show
ancor:"mouse", //"parent"
cssClass:"default", // default = default
timePerWord:70, //time to show in milliseconds per word
hasArrow:false,
color:"white",
imgPath:"images/",
shadowColor:"black",
fade:500
});
})
here is the code for the dom elements:
<h2 title="here it is my tooltip!">try to mouseOver each of the text in this page... wait just few seconds... and...</h2>
...
<span title="Lorem ipsum dolor sit amet" style=" background:black;padding:5px; -moz-border-radius:5px">prova tooltip (span)</span>
...
...
How to use it
Sipmply by placing a “title” atribute with your content as value; be careful on using quote or doublequote or tag opening for html! it’s thought as a simple description container .
