Open Lab
(mb)Tooltip, a beautiful alternative
February 7, 2009 - 10:25am — pupunziNice tooltip for yor page!
Now you can replace the ugly default tooltip with this smart and nice one!
demo:http://pupunzi.wordpress.com/2009/02/07/mbtooltipmbtooltip/
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 each image:
try to mouseOver each of the text in this page... wait just few seconds... and...
...
prova tooltip (span)
...
(mb)Menu, a powerful jQuery multilevel tree menu
January 7, 2009 - 5:17pm — pupunziThis is a powerful component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way!
Dependencies:
none
here is the js call:
$(”.myMenu”).buildMenu(
{
template:”menuVoices.jsp”,
additionalData:”",
menuWidth:200,
openOnRight:false,
menuSelector: “.menuContainer”,
iconPath:”ico/”,
hasImages:true,
fadeInTime:200,
fadeOutTime:100,
adjustLeft:2,
adjustTop:10,
opacity:.95,
shadow:true,
closeOnMouseOut:true,
closeAfter:500,
minZindex:"auto", // or number
hoverIntent:0, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false;
});or you can call it as contextual menu:
$(document).buildContextualMenu(
{
template:”menuVoices.html”,
menuWidth:200,
overflow:2,
menuSelector: “.menuContainer”,
iconPath:”ico/”,
hasImages:false,
fadeInTime:200,
fadeOutTime:100,