Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
fw:others:jquerylibs [2010/04/19 12:44] alfred |
fw:others:jquerylibs [2020/05/09 09:25] (actual) |
||
|---|---|---|---|
| Línea 166: | Línea 166: | ||
| </code> | </code> | ||
| + | |||
| + | |||
| ==== Tabs ==== | ==== Tabs ==== | ||
| * **Función**: Te muestra tabs (pestaña) a partir de una lista. | * **Función**: Te muestra tabs (pestaña) a partir de una lista. | ||
| * **Link**: [[http://stilbuero.de/jquery/tabs/]] | * **Link**: [[http://stilbuero.de/jquery/tabs/]] | ||
| - | * **Archivo**: {{{{fw:others:jquerylibs:jquery.tabs.zip|jQuery Tabs}}}} | + | * **Archivo**: {{fw:others:jquerylibs:jquery.tabs.zip|jQuery Tabs}} |
| <code html> | <code html> | ||
| ... | ... | ||
| Línea 191: | Línea 193: | ||
| <div id="fragment-1"> | <div id="fragment-1"> | ||
| <p>First tab is active by default:</p> | <p>First tab is active by default:</p> | ||
| - | <pre><code>$('#container').tabs();</code></pre> | + | Prueba |
| </div> | </div> | ||
| Línea 204: | Línea 206: | ||
| </div> | </div> | ||
| </div> | </div> | ||
| + | </code> | ||
| + | |||
| + | |||
| + | ==== jGrowl ==== | ||
| + | * **Función**: Muestra mensajes en formato "mac". | ||
| + | * **Link**: [[http://stanlemon.net/projects/jgrowl.html]] | ||
| + | * **Archivo**: {{fw:others:jquerylibs:jgrowl-1.2.4.zip|jGrowl}} | ||
| + | <code javascript> | ||
| + | $.jGrowl("Hello world!"); | ||
| + | $.jGrowl("Stick this!", { sticky: true }); | ||
| + | $.jGrowl("A message with a header", { header: 'Important' }); | ||
| + | $.jGrowl("A message that will live a little longer.", { life: 10000 }); | ||
| + | $.jGrowl("A message with a beforeOpen callback and a different opening animation.", { | ||
| + | beforeClose: function(e,m) { | ||
| + | alert('About to close this notification!'); | ||
| + | }, | ||
| + | animateOpen: { | ||
| + | height: 'show' | ||
| + | } | ||
| + | }); | ||
| + | ... | ||
| + | .jgError { color: red; } | ||
| + | div.jGrowl div.jgError { | ||
| + | background-color: #FFF1C2; | ||
| + | color: navy; | ||
| + | } | ||
| + | .... | ||
| + | $.jGrowl("hola", { sticky: true, theme: "jgError" }); | ||
| </code> | </code> | ||