Utiliser un plug-in jQuery
L’utilisation d’un plug-in est des plus simples. Il suffit de l’appeler (par son nom) dans le code de la page.
Exemple
Exploitons notre plug-in dans une page avec plusieurs liens.
Le document HTML :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery.js"></script>
<script src="jquery.mon_infobulle.js"></script>
<script>
$(document).ready(function(){
var options = {
offsetX: 30,
offsetY: 5,
infobullecss: "infobulle"
};
$("a.info").mon_infobulle(options);
});
</script>
<style>
.infobulle {
width: 150px;
padding: 3px;
background-color: #9CF;
border: black 1px solid;
color: black;
}
...