Diferencias

Muestra las diferencias entre dos versiones de la página.

--- fw:others:jquerylibs [2010/04/19 12:45]
alfred
+++ fw:others:jquerylibs [2020/05/09 09:25] (actual)
@@ Línea 166: / Línea 166: @@
 </code>
 ==== Tabs ====
   * **Función**: Te muestra tabs (pestaña) a partir de una lista.
   * **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>
 ...
@@ Línea 205: / Línea 206: @@
             </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>

Programming