Mesej jQuery


Mesej jQuery

Pemalam Mesej jQuery membolehkan anda memaparkan mesej maklum balas dengan mudah dalam tindanan. Mesej akan hilang secara automatik selepas beberapa ketika, tidak perlu mengklik butang "OK", dsb. Pengguna boleh menyembunyikan maklumat dengan cepat dengan menggerakkan tetikus atau mengklik di mana-mana sahaja.

Versi semasa pemalam ini ialah 1.0.0.

Lawati tapak web rasmi jQuery Message dan muat turun pemalam jQuery Message.

Cara menggunakan

Jika anda ingin menggunakan pemalam Mesej, sila pilih elemen di mana anda ingin memaparkan teks dan hantar teks kepadanya sebagai parameter:

$(fungsi() { $().mesej("Helo dunia!"); // atau $(".maklum balas"). mesej();});

Terdapat beberapa pilihan lalai yang tersedia. Jika anda berminat, anda boleh melihat demonstrasi praktikal lengkap di bawah.

Contoh tunjuk cara

jQuery Message pemalam tunjuk cara.

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>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian