viernes, 23 de abril de 2010

Código javascript: Aumentar el texto (lupa)

El texto, palabra a palabra al pasar una lupa sobre ellas.

<Html>
<Head><Title>Página de contenido dinámico</title></head>
<Body onmousemove=\"Agranda()\">
<Script language=\"JavaScript\">
<!--

function Agranda(){

var MiTexto= document.body.createTextRange();
var TextoBoton= Boton.createTextRange();

document.body.style.cursor=\\\'sw-resize\\\';
TextoBoton.text=\"\";
posX = window.event.x;
MiTexto.moveToPoint(posX,window.event.y);
MiTexto.expand(\"word\",1);
TextoBoton.text=MiTexto.text;
if (posX > document.body.clientWidth*0.50){
posX=posX-150;}
Boton.style.left=posX;
Boton.style.top=window.event.y;
Boton.style.visibility=\\\'visible\\\';
return true;
} // de la función

//-->
</script>
<P Style=\"font-size:24\">
Este documento está diseñado para poder ser leído aunque se tengan determinados problemas visuales
</p>
<Button Id=\"Boton\" Style=\"position:absolute; font-family:Arial; font-size:48; background:cyan; visibility:hidden\">
</button>
</body>
</html>

No hay comentarios:

Publicar un comentario