Cuadros de informacion JavaScript

por jack Sáb Feb 27, 2010 8:12 pm

Bueno, esto lo estuve intentado hacer durante mucho tiempo y al final lo consegui. Es realmente facil.

1- Se define dentro de la etiqueta BODY el estilo que tendra el cuadro:

Código:: <html> <body> <style> #ejemplo1 { position:absolute; width:150px; height:100px; color:blue; background-color:#ff9999; text-align:center; visibility:hidden; z-index:10; } </style>

Hay juegen con los atributos para conseguir el aspecto deseado.

2- se define el script dentro tambien de BODY. yo lo tengo justo despues de definir el estilo:

Código:: <script LANGUAGE="Javascript"> function ver_ejemplo(user,ValueShow) { var mousex = window.event.x; var mousey = window.event.y; user.style.visibility = ValueShow; user.style.left = mousex + 5; user.style.top = mousey; } </script>

3- poner la funcion en donde queraris dentro de BODY

Código:: <a href="texto" title="Aqui aparece el texto, que quieras poner al pasar el raton por encima......">Tu Texto al que le sale la ventana</a>

Con eso ya tendrian el cuadrito que les aparecera al pasar el raton por el texto.
Acontinuacion la posicion de etiquetas, para que salga bien: