Tooltip Bubble Popup jQuery

bubble-jquery

Bubble Popup jQuery est un nouveau plugin jQuery comme son nom l’indique qui va vous aider à créer des tooltips trés cleans qui peuvent être modifiés facilement.

Un effet de fading est ajouté sur l’apparition/disparition des tooltips.
Et l’on peut intégrer du contenu HTML à l’intérieur de ces tooltips.
jquery-bubble-popup

Les tooltips peuvent être positionner sur n’importe quel côté d’un élément et l’on peut connaître leurs status (ouvert/fermé, date de création, de modification, dernier affichage date et heure) .

Ils peuvent de plus être skinnés à souhaits grâce au système de thème.

Installation

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.bubblepopup.v2.3.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
//créer un tooltip à l'aide de class tel que "text", "button" ou "link" sur des éléments LI, P ou IMG.
$('.text, .button, .link, li, p.paragraph, #myimage1, #myimage2').CreateBubblePopup({

	position : 'top',
	align	 : 'center',
	innerHtml: 'Take a look to the HTML source of this page <br /> \
			to learn how the plugin works!',

	innerHtmlStyle: {color:'#FFFFFF', text-align':'center'},
	themeName: 	'all-black',
	themePath: 	'images/jquerybubblepopup-theme'

	});
});
//-->
</script>

Compatible :

  • Internet Explorer 6.5, 7, 8, 9 (beta)
  • Firefox 3.5.x
  • Safari 5.0.x
  • Opera 10.x
  • Chrome 6.0.x
  • iCab 4.x
  • Webkit based browser (reKonq, Arora)
  • KHTML-based browser (Konqueror)

Site web : http://www.vegabit.com/jquery_bubble_popup_v2/
Démonstration: http://www.vegabit.com/Examples/different-elements.html
Téléchargement: http://plugins.jquery.com/project/jqBubblePopup

Aucun commentaire

Répondre

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

deux + vingt =

CONTACT

We're not around right now. But you can send us an email and we'll get back to you, asap.

Envoi en cours...

©[current-year] WebCSSDesign

Se connecter

Oubli de mot de passe ?