Chi non ha mai pensato di personalizzare dei messaggi come info su link o altro?
Chi non ha mai pensato di creare balloon simili a quelli di Google maps?
Se almeno una volta ti sei fatto queste domande sei nel posto giusto:
Lo script che vi sto per proporre permette di creare svariati balloon personalizzati con gli effetti e le posizioni che desiderate.
Lo stesso, potrebbe contenere chiamate asincrone… insomma ce ne è per tutti i gusti, basta provare!!!
INIZIAMO
Scarica ed inserisci questa riga all'interno dei tag <HEAD />
Inserisci, sostituendo "selectors" con l'elemento da te scelto, questa riga sempre tri i tag <HEAD>
$(function() {
$('selectors').balloon(options);
});
Tutte le opzioni consentite
contents: null,
url: null,
ajaxComplete: null,
classname: null,
position: "top",
offsetX: 0,
offsetY: 0,
tipSize: 12,
delay: 0,
minLifetime: 200,
showDuration: 100,
showAnimation: null,
hideDuration: 80,
hideAnimation: function (d) { this.fadeOut(d); }
Stile di Default da utilizzare
css: {
minWidth: "20px",
padding: "5px",
borderRadius: "6px",
border: "solid 1px #777",
boxShadow: "4px 4px 4px #555",
color: "#666",
backgroundColor: "#efefef",
opacity: "0.85",
zIndex: "32767",
textAlign: "left"
}
Download Libreria
Non sei ancora convinto dei risultati? Allora guarda la Demo e giudica con i tuoi occhi!!
E voi? come pensate di fare i vostri balloon?
