Ampliar texto

El texto (palabra a palabra) se agranda al pasar una lupa sobre ellos. 
				<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>
Descargar adjuntos
COMPARTE ESTE TUTORIAL

COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN LINKEDIN
COMPARTIR EN WHATSAPP
TUTORIAL ANTERIOR

SIGUIENTE TUTORIAL