Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<title> </title>
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type = "text/javascript"> </script>
<стиль типа = "text/css">
#divtips {
Фильтр: альфа (непрозрачность = 30);
-Моз-мобилизация: 0,3;
непрозрачность: 0,3;/*Другое, прозрачность 50%*/
положение: абсолютная; ширина: 600px;
}
</style>
<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 (). слева,
"Top": $ txtnote.position (). Top
});
});
$ divtips.click (function () {
$ txtnote.focus ();
});
$ txtnote.blur ();
});
</script>
</head>
<тело>
Доска объявлений <br />
<textarea id = "txtnote"> </textarea>
<div id = "divtips">
Дорогой, добро пожаловать.
(Оставьте свое имя в поле ниже, пожалуйста, оставьте свою контактную информацию, если это удобно)
< /div> <br />
<input type = "text" value = "name" /> <input type = "text" value = "mobile /qq /..." />
</body>
</html>