การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<title> </title>
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type = "text/javascript"> </script>
<style type = "text/css">
#divtips {
ตัวกรอง: อัลฟ่า (opacity = 30);
-moz-opacity: 0.3;
ความทึบ: 0.3;/*อื่น ๆ ความโปร่งใส 50%*/
ตำแหน่ง: Absolute; ความกว้าง: 600px; ความสูง: 400px;
-
</style>
<script type = "text/javascript">
$ (function () {
var $ txtNote = $ ("#txtNote");
var $ divtips = $ ("#divtips");
$ txtnote.focus (function () {
// ซ่อนเมื่อตั้งค่าโฟกัส
$ divtips.hide ();
}). เบลอ (ฟังก์ชัน () {
// เมื่อออกไปหากว่างเปล่ามันจะปรากฏขึ้นมิฉะนั้นจะถูกซ่อนไว้
$ divtips.toggle ($ txtnote.val () == "")
.CSS ({
"ซ้าย": $ txtnote.position (). ซ้าย,
"top": $ txtnote.position (). ด้านบน
-
-
$ divtips.click (function () {
$ txtnote.focus ();
-
$ txtnote.blur ();
-
</script>
</head>
<body>
กระดานข้อความ <br />
<textarea id = "txtnote"> </textarea>
<div id = "divtips">
ที่รักยินดีต้อนรับไปเยี่ยมชม
(ทิ้งชื่อของคุณไว้ในช่องด้านล่างโปรดทิ้งข้อมูลการติดต่อของคุณไว้หากสะดวก)
</div> <br />
<อินพุต type = "text" value = "ชื่อ" /> <อินพุต type = "text" value = "มือถือ /qq /... " />
</body>
</html>