Aquí tienes lo mismo, pero con CSS, en este caso yo lo adapté para que funcionara como una ayuda, cambiando el cursor, pero puedes no cambiarlo
tooltip CSS:
Al pasar el cursor por encima de la palabra en cuestión, muestra el icono de ayuda (un símbolo de interrogación) y si dejas el cursor quieto muestra una aclaración sobre el término en cuestión. Probad.
Con HTML
Cita: <html>
<head>
<title>info</title>
<style>
.info {
text-decoration:underline;
border-bottom: 1px dashed #00cc00;
cursor: help;
}
</style>
</head>
<body>
<span class="info" title="¿A que te mola mi nombre?">t0m|ta</span>
</body>
</html>
Con xthml:
Cita: <html xmlns:sp>
<head>
<title> Custom tag example </title>
<style type="text/css">
sp\:info {
text-decoration:underline;
border-bottom: 1px dashed #00cc00;
cursor: help;
}
</style>
</head>
<body>
<p>1221 es un número<sp:info title="Un número que resulta exactamente igual si lo lees de derecha izquierda o de izquierda a derecha.">capicúa</sp:info>.</p>
</body>
</html>
Saludos