Tooltip Bubble Popup 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 *

*

quinze − huit =

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

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 ?