코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<제목> </title>
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type = "text/javaScript"> </script>
<스타일 유형 = "텍스트/CSS">
#divtips {
필터 : 알파 (불투명도 = 30); /즉, 투명성 50%* /
-Moz-opacity : 0.3;
불투명도 : 0.3;/*기타 투명성 50%*/
위치 : 절대; 너비 : 600px; 400px; 디스플레이 : 없음; 색상 : z-index : 10; 패딩;
}
</스타일>
<script type = "text/javaScript">
$ (function () {
var $ txtnote = $ ( "#txtnote");
var $ divtips = $ ( "#divtips");
$ txtnote.focus (function () {
// 초점을 설정할 때 숨겨져 있습니다
$ divtips.hide ();
}). blur (function () {
// 비우면 표시되면 표시됩니다. 그렇지 않으면 숨겨집니다
$ divtips.toggle ($ txtnote.val () == "")
.CSS ({
"왼쪽": $ txtnote.position (). 왼쪽,
"상단": $ txtnote.position (). 상단
});
});
$ divtips.click (function () {
$ txtnote.focus ();
});
$ txtnote.blur ();
});
</스크립트>
</head>
<body>
게시판 <br />
<TextRea ID = "TxtNote"> </textRea>
<div id = "divtips">
친애하는, 오신 것을 환영합니다
(아래 상자에 이름을 남겨 두십시오. 편리한 경우 연락처 정보를 남겨주세요)
< /div> <br />
<입력 유형 = "text"value = "name" /> <입력 유형 = "text"value = "mobile /qq /..." />
</body>
</html>