Latest web development tutorials

jQuery Nachricht

jQuery Nachricht Plug-in ermöglicht Ihnen die einfache Nachricht, die eine Rückmeldung über die Deckschicht anzuzeigen. Die Meldung wird automatisch nach einer gewissen Zeit verschwinden, müssen Sie nicht auf "OK", um zu klicken. Der Benutzer kann die Maus bewegen oder auf eine beliebige Stelle der verborgenen Informationen zu beschleunigen.

Das Plug-in-Version ist derzeit 1.0.0.

JQuery Nachricht finden Sie auf der offiziellen Website, die jQuery-Nachricht Plugin herunterladen.


Verwendung

Um die Nachricht Widget zu verwenden, wählen Sie den Text Elemente des Textes als Parameter an sie übergeben angezeigt werden soll:

$ (Function () {$ () Nachricht ( "Hallo Welt!") ;. // Or $ ( ".Feed - Back") Nachricht ( ) ;.});

Es gibt mehrere Standardoptionen. Wenn Sie interessiert sind, können Sie die komplette folgende Beispiel zeigt, anzuzeigen.

Beispiele Demo

jQuery Nachricht Plug-in-Demonstration.

<! Doctype html> <Html> <Head> <Meta charset = "UTF-8"> <Titel> jQuery Nachricht Widget </ 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 () {$ () Nachricht ( "Hallo Welt, auf dem Dokument fertig!"); .. $ ( "# demo") einreichen (function (e) {e.preventDefault ( ); $ () Nachricht ($ ( "# message") . val ()) ;.})}); </ script> <Style type = "text / css"> </ Style> </ Head> <Body> <H1 id = "Banner"> jQuery Nachricht Widget Demo </ h1> <Div id = "main"> <Form id = "Demo"> <Input name = "message" id = "message" /> <Input type = "submit" value = "message" /> </ Form> </ Div> </ Body> </ Html>

Versuchen »