Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<title> </title>
<skrip src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type = "text/javascript"> </ptript>
<type style = "text/css">
#divtips {
filter: alpha (opacity = 30); /*filter, transparansi 50%* /
-Moz-opacity: 0.3; /*Firefox Private, Transparansi 50%* /
opacity: 0.3;/*Lainnya, transparansi 50%*/
Posisi: Absolute; Lebar: 600px; Tinggi: 400px; Tampilan: Tidak Ada; Warna: Merah; Z-Index: 10; Padding: 10px;
}
</tyle>
<type skrip = "Teks/JavaScript">
$ (function () {
var $ txtnote = $ ("#txtnote");
var $ divtips = $ ("#divtips");
$ txtnote.focus (function () {
// Sembunyikan saat mengatur fokus
$ divtips.hide ();
}). blur (function () {
// Saat meninggalkan, jika kosong, itu akan ditampilkan, jika tidak itu akan disembunyikan
$ divtips.toggle ($ txtnote.val () == "")
.css ({
"Left": $ txtnote.position (). Left,
"Top": $ txtnote.position (). Top
});
});
$ divtips.click (function () {
$ txtnote.focus ();
});
$ txtnote.blur ();
});
</script>
</head>
<body>
Papan Pesan <BR />
<textarea id = "txtnote"> </pextarea>
<Div id = "Divtips">
Sayang, selamat datang berkunjung.
(Tinggalkan nama Anda di dalam kotak di bawah ini, silakan tinggalkan informasi kontak Anda jika nyaman)
</div> <br />
<input type = "text" value = "name" /> <input type = "text" value = "Mobile /qq /..." />
</body>
</html>