Índice

Usar un plug-in jQuery

El uso de un plug-in es muy sencillo. Basta con llamarlo (por su nombre) en el código de la página.

Ejemplo

Vamos a usar nuestro plug-in en una página con varios enlaces.

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script src="jquery.mi_tooltip.js"></script> 
<script> 
    $(document).ready(function(){ 
        var opciones = { 
            offsetX: 30, 
            offsetY: 5, 
            tooltipcss: "tooltip" 
        }; 
        $("a.info").mi_tooltip(opciones); 
    }); 
</script> 
</head> 
<style> 
    .tooltip { 
        width: 150px; 
        padding: 3px; 
        background-color: #9CF; 
        border: black 1px solid; 
        color: black; 
    } 
    a { 
        color: black 
    }  
</style> 
</head> 
<body> 
<p><a href="#" rel="Explicación ...