La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<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 (opacidad = 30);
-Apacidad de MOZ: 0.3;
Opacidad: 0.3;/*Otro, Transparencia 50%*/
Posición: Absoluto; Ancho: 600px;
}
</style>
<script type = "text/javaScript">
$ (function () {
var $ txtnote = $ ("#txtnote");
var $ divtips = $ ("#divtips");
$ txtnote.focus (function () {
// esconder cuando establece el enfoque
$ divtips.hide ();
}). Blur (function () {
// Al salir, si está vacío, se mostrará, de lo contrario se ocultará.
$ divtips.toggle ($ txtnote.val () == "")
.css ({
"izquierda": $ txtnote.position (). Izquierda,
"Top": $ txtnote.position (). Top
});
});
$ divtips.click (function () {
$ txtnote.focus ();
});
$ txtnote.blur ();
});
</script>
</ablo>
<Body>
Tablero de mensajes <Br />
<Textarea id = "txtnote"> </extarea>
<div id = "divtips">
Estimado, ¡Bienvenido a visitarlo.
(Deje su nombre en el cuadro a continuación, deje su información de contacto si es conveniente)
</div> <r />
<input type = "text" value = "name" /> <input type = "text" value = "mobile /qq /..." />
</body>
</html>