Latest web development tutorials

jQuery wiadomość

Wiadomość jQuery plug-in pozwala na łatwe wyświetlanie wiadomości zwrotnej na warstwie wierzchniej. Komunikat zniknie automatycznie po upływie określonego czasu, nie trzeba kliknąć "OK" przycisków. Użytkownik może poruszać myszą lub kliknąć w dowolnym miejscu, aby przyspieszyć ukryte informacje.

W wersji plug-in jest obecnie 1.0.0.

JQuery Wiadomość odwiedzić oficjalną stronę, pobierz plugin jQuery wiadomość.


stosowanie

Aby użyć widżetu wiadomość, zaznacz tekst, który chcesz wyświetlić elementy tekstu jako parametr przekazany do niego:

$ (Function () {$ () Wiadomość ( "Hello world!") ;. // A $ ( ".feedback") Wiadomości ( ) ;.});

Istnieje kilka opcji domyślnych. Jeśli jesteś zainteresowany, możesz wyświetlić pełną Poniższy przykład demonstruje.

Przykłady Demo

Wiadomość jQuery plug-in demonstracji.

<! DOCTYPE html> <Html> <Head> <meta charset = "utf-8"> <Title> jQuery widżet Wiadomość </ title> <link rel = "stylesheet" type = "text / css" Media = "screen" href = "http://jquery.bassistance.de/message/jquery.message.css" /> <script src = "http://jquery.bassistance.de/message/lib/jquery-1.3.2.js" type = "text / javascript"> </ script> <script src = "http://jquery.bassistance.de/message/jquery.message.js" type = "text / javascript"> </ script> <script type = "text / javascript"> $ (function () {$ () komunikat ( "Hello World, na dokumencie gotowy!"); .. $ ( "# demo") przedkłada (function (e) {e.preventDefault ( ); $ () wiadomości ($ ( "# wiadomości"). val ()) ;.})}); </ script> <Style type = "text / css"> </ Style> </ Head> <Body> <H1 id = "transparent"> jQuery widżet Wiadomość demo </ h1> <div id = "main"> <Formularz id = "demo"> <Wejście name = "message" id = "message" /> <Wejście type = "submit" value = "message" /> </ Form> </ Div> </ Body> </ Html>

Spróbuj »