Latest web development tutorials

message jQuery

jQuery message plug-in vous permet d'afficher facilement un message de rétroaction sur la couche de couverture. Le message disparaît automatiquement après un certain laps de temps, vous ne devez pas cliquer sur les boutons "OK". L'utilisateur peut déplacer la souris ou cliquez n'importe où pour accélérer l'information cachée.

La version plug-in est actuellement 1.0.0.

JQuery message visitez le site officiel, télécharger le plugin jQuery message.


utilisation

Pour utiliser le widget de message, sélectionnez le texte que vous souhaitez afficher des éléments du texte en tant que paramètre qui lui est passé:

$ (Function () {$ () Message ( "Bonjour le monde!") ;. // Ou $ ( ".feedback") Message ( ) ;.});

Il y a plusieurs options par défaut. Si vous êtes intéressé, vous pouvez voir l'exemple suivant montre complète.

Exemples Démo

jQuery message plug-in démonstration.

<! DOCTYPE html> <Html> <Head> <Meta charset = "utf-8"> <Titre> widget message jQuery </ title> <Lien 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 () {$ () message ( "Bonjour tout le monde, le document prêt!"); .. $ ( "# demo") soumettre (function (e) {e.preventDefault ( ); $ () message ($ ( "# message".) val ()) ;.})}); </ script> <style type = "text / css"> </ Style> </ Head> <Body> <H1 id = "banner"> widget message jQuery demo </ h1> <Div id = "main"> <Form id = "demo"> <entrée name = "message" id = "message" /> <entrée type = "submit" value = "message" /> </ Form> </ Div> </ Body> </ Html>

Essayez »