Latest web development tutorials

jQuery Pesan

jQuery Pesan plug-in memungkinkan Anda untuk dengan mudah menampilkan pesan umpan balik pada lapisan penutup. Pesan akan hilang secara otomatis setelah jangka waktu tertentu, Anda tidak perlu klik "OK" tombol. pengguna dapat memindahkan mouse atau klik di mana saja untuk mempercepat informasi yang tersembunyi.

Versi plug-in saat ini 1.0.0.

JQuery Pesan mengunjungi situs resmi, download jQuery Pesan Plugin.


penggunaan

Untuk menggunakan Pesan widget, pilih teks yang ingin ditampilkan elemen teks sebagai parameter berlalu untuk itu:

$ (Fungsi () {$ () Pesan ( "Hello world!") ;. // Atau $ ( ".feedback") Pesan ( ) ;.});

Ada beberapa pilihan default. Jika Anda tertarik, Anda dapat melihat lengkap Contoh berikut menunjukkan.

contoh Demo

jQuery Pesan plug-in demonstrasi.

<! DOCTYPE html> <Html> <Head> <Meta charset = "utf-8"> <Title> jQuery Pesan widget </ 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 ketik = "text / javascript"> $ (function () {$ () pesan ( "Halo dunia, pada dokumen siap!"); .. $ ( "# demo") mengirimkan (function (e) {e.preventDefault ( ); $ () pesan ($ ( "# pesan".) val ()) ;.})}); </ script> <Style type = "text / css"> </ Style> </ Kepala> <Body> <H1 id = "banner"> jQuery Pesan widget demo </ h1> <Div id = "main"> <Form id = "demo"> <input name = "pesan" id = "pesan" /> <input ketik = "submit" value = "pesan" /> </ Form> </ Div> </ Body> </ Html>

Coba »