A cópia do código é a seguinte:
<! 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 {
filtro: alfa (opacidade = 30);
-Moz-Opacity: 0,3;
Opacidade: 0,3;/*outra, transparência 50%*/
Posição: Absoluto; largura: 600px;
}
</style>
<script type = "text/javascript">
$ (function () {
var $ txtnote = $ ("#txtnote");
var $ divtips = $ ("#divtips");
$ txtnote.focus (function () {
// Esconder ao definir o foco
$ divtips.hide ();
}). Blur (function () {
// Ao sair, se vazio, será exibido, caso contrário, será oculto
$ divtips.toggle ($ txtnote.val () == "")
.css ({
"Esquerda": $ txtnote.position (). Esquerda,
"Top": $ txtnote.Position (). TOP
});
});
$ divtips.Click (function () {
$ txtnote.focus ();
});
$ txtnote.blur ();
});
</script>
</head>
<Body>
Quadro de mensagens <r />
<textarea id = "txtnote"> </sexttarea>
<div id = "Divtips">
Caro, bem -vindo para visitar.
(Deixe seu nome na caixa abaixo, deixe suas informações de contato se forem convenientes)
</div> <r />
<input type = "text" value = "name" /> <input type = "text" value = "celular /qq /..." />
</body>
</html>