Message jQuery


jQuery Message

Le plugin jQuery Message vous permet d'afficher facilement des messages de feedback en superposition. Le message disparaîtra automatiquement au bout d'un moment, pas besoin de cliquer sur le bouton "OK", etc. Les utilisateurs peuvent rapidement masquer des informations en déplaçant la souris ou en cliquant n'importe où.

La version actuelle de ce plug-in est la 1.0.0.

Visitez le site officiel de jQuery Message et téléchargez le plug-in jQuery Message.


Comment utiliser

Si vous souhaitez utiliser le plug-in Message, veuillez sélectionner l'élément dans lequel vous souhaitez afficher le texte et transmettez-lui le texte en tant que paramètre :

$(fonction() { $().message("Bonjour monde!"); // ou $(".feedback"). message();});

Plusieurs options par défaut sont disponibles. Si vous êtes intéressé, vous pouvez visionner la démonstration pratique complète ci-dessous.

Exemple de démonstration

Démonstration du plug-in jQuery Message.

Instance

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Message 插件</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() {
	$().message("Hello world, on document ready!");
	$("#demo").submit(function(e) {
		e.preventDefault();
		$().message($("#message").val());
	})
});
</script>

<style type="text/css">

</style>

</head>
<body>

<h1 id="banner">jQuery Message 插件演示</h1>
<div id="main">
	
	<form id="demo">
		<input name="message" id="message" />
		<input type="submit" value="显示消息" />
	</form>
	
</div>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne