Latest web development tutorials

Messaggio jQuery

jQuery Message plug-in permette di visualizzare facilmente un messaggio di feedback sullo strato di copertura. Il messaggio scompare automaticamente dopo un certo periodo di tempo, non c'è bisogno di fare clic sui pulsanti "OK". L'utente può spostare il mouse o fare clic in qualsiasi per accelerare le informazioni nascoste.

La versione plug-in è attualmente 1.0.0.

JQuery Messaggio visitare il sito ufficiale, scaricare il plugin jQuery Messaggio.


uso

Per utilizzare il widget di Message, selezionare il testo che si desidera visualizzare gli elementi del testo come un parametro passato ad esso:

$ (Function () {$ () Messaggio ( "Ciao mondo!") ;. // O $ ( ".Feedback") Message ( ) ;.});

Ci sono diverse opzioni di default. Se siete interessati, è possibile visualizzare il seguente esempio completo dimostra.

Esempi Demo

jQuery Message plug-in dimostrazione.

<! DOCTYPE html> <HTML> <Head> <Meta charset = "utf-8"> <Title> widget di jQuery messaggio </ title> <link rel = "stylesheet" type = "text / css" i 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"> messaggio $ (function () {$ () ( "Ciao mondo, il documento pronto!"); .. $ ( "# demo") presentare (function (e) {e.preventDefault ( ); $ () messaggio ($ ( "# messaggio"). val ()) ;.})}); </ script> <Style type = "text / css"> </ Style> </ Head> <Body> <H1 id = "banner"> widget di jQuery messaggio demo </ h1> <div id = "main"> <Form id = "demo"> <Input name = "messaggio" id = "messaggio" /> <Input type = "submit" value = "messaggio" /> </ Form> </ Div> </ Corpo> </ Html>

Prova »