Latest web development tutorials

Mensaje jQuery

Mensaje jQuery plug-in le permite mostrar fácilmente un mensaje de retroalimentación sobre la capa de cubierta. El mensaje desaparecerá automáticamente después de un cierto período de tiempo, no es necesario hacer clic en los botones "OK". El usuario puede mover el ratón o haga clic en cualquier lugar para agilizar la información oculta.

La versión plug-in es actualmente 1.0.0.

JQuery Mensaje visitar el sitio web oficial, descargar el plugin jQuery mensaje.


uso

Para utilizar el widget de mensajes, seleccione el texto que desea mostrar los elementos del texto como un parámetro que se le pasa:

$ (Function () {$ () Mensaje ( "Hola mundo!") ;. // O $ ( ".feedback") Mensaje ( ) ;.});

Hay varias opciones por defecto. Si usted está interesado, puede ver el siguiente ejemplo demuestra completa.

Los ejemplos de demostración

Mensaje jQuery plug-in de demostración.

<! DOCTYPE html> <Html> <Head> <Meta charset = "UTF-8"> <Título> Widget Mensaje jQuery </ title> <Enlace rel = "stylesheet" type = "text / css" los medios de comunicación = "pantalla" 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 () {$ () mensaje ( "Hola mundo, el documento listo!"); .. $ ( "# demo") presente (function (e) {e.preventDefault ( ); $ () mensaje ($ ( "# mensaje"). val ()) ;.})}); </ script> <Estilo type = "text / css"> </ Style> </ Head> <Cuerpo> <H1 id = "bandera"> jQuery Demo del widget de mensaje </ h1> <Div id = "principal"> <Forma id = "demo"> <Input name = "mensaje" id = "mensaje" /> <Input type = "submit" value = "mensaje" /> </ Form> </ Div> </ Body> </ Html>

Trate »