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

ENVIAR A UN AMIGO
COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN GOOGLE +
TUTORIAL ANTERIOR

SIGUIENTE TUTORIAL

HAY 13 COMENTARIOS
  • Anónimo dijo:

    Página de contenido dinámico 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; } Este documento está diseñado para poder ser leído aunque se tengan determinados problemas visuales

  • Anónimo dijo:

    Este documento está diseñado para poder ser leído aunque se tengan determinados problemas visuales (es lo que faltaba)

  • Anónimo dijo:

    Página de contenido dinámico 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; } Este documento está diseñado para poder ser leído aunque se tengan determinados problemas visuales

  • Anónimo dijo:

    qué mielda de código

  • Anónimo dijo:

    son mamadas las que hacen, por favor no pongan chingaderas

  • Anónimo dijo:

    Bueno, alguien lo paso por un conversor de HTML a XHTML, (cagando todo el código en el proceso), asi que para que funcione pongan reemplazar "" por "" (nada), asi que quiten esos "" y funcionará sin problemas.

  • Anónimo dijo:

    Se suponia que se deberia de ver el texto aunmentado? a que hora? porque, por mas que intento no da ... haber si me explican bien, que cambios realizo al codigo. Bye

  • Anónimo dijo:

    Si vemos varios de los ejemplos nos daremos cuenta que algunos tenemos que quitarles la diagonal -- y funcionará, solo que éste funciona solamente en IE, pero es bueno.

  • Anónimo dijo:

    Estaría muy bueno.... SI FUNCIONARA.... atte.-

  • Anónimo dijo:

    jajajajaaaajaja si funcionara estaria bonito el efecto. ahi que apañarselas para cerrar el frontpage con el bloqueo que produce el codigo. tenia que haber leido antes los comentarios :(

  • Anónimo dijo:

    Porqué no mandan código testeado? La cosa no es mandar mierdas, deben ser cosas que sean novedosas, que nadie las haya hecho y que "sirvan" .

  • Anónimo dijo:

    lo he copiado y pegado por 2 veces y nada, ke si kieres arroz.....

  • Anónimo dijo:

    Interesante, aunque desgraciadamente sólo funciona con MSIE.

Conéctate o Regístrate para dejar tu comentario.