**No dudes en dejar comentarios o alguna sugerencia** El Blog de J.Guti.: Utilidades

Utilidades

sábado, 3 de noviembre de 2007


Frase/Texto en Cursor




Contenido: Gracias al blog del Escaparate de Rosa podemos poner un texto que sigue el movimiento del ratón: El código de que nos muestra Rosa es el siguiente:
<script language="JavaScript" type="text/javascript">



mensaje = 'COLOCAR AQUI LA FRASE QUE SIGUE AL CURSOR';

font = 'Verdana,Arial';

size = 2;

color = 'black';

velocidad = 0.7;



n4 = (document.layers);

ie = (document.all);

n6 = (document.getElementById);





mensaje = mensaje.split('');

n = mensaje.length;



a = size*10;

ymouse = 0;

xmouse = 0;

props = "<font face="+font+" color="+color+" size="+size+">";



if (n4)

{

for ( i = 0; i < n; i++)

document.write('<layer left="0" top="0" width="+a+" name="n4mensaje'+i+'" height="+a+"><center>'+props+mensaje[i]+'</font></center></layer>');

}

else if (ie)

{

document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < n; i++)

document.write('<div id="iemensaje" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');

document.write('</div></div>');

}

else if (n6)

{

document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < n; i++)

document.write('<div id="iemensaje'+i+'" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');

document.write('</div></div>');

}



if(n4)

window.captureEvents(Event.MOUSEMOVE);





function Mouse(evento)

{

if(ie)

{

xmouse = event.x+20;

ymouse = event.y+20;

}

else if(n4 || n6)

{

xmouse = evento.pageX+20;

ymouse = evento.pageY+20;

}

}



if(n4)

window.onMouseMove = Mouse

else if(ie || n6)

document.onmousemove = Mouse;



y = new Array();

x = new Array();

Y = new Array();

X = new Array();

Yaux = new Array();

Xaux = new Array();



for (i=0; i < n; i++)

{

y[i] = 0;

x[i] = 0;

Y[i] = 0;

X[i] = 0;

Yaux[i] = 0;

Xaux[i] = 0;

}



function asigna()

{

if (ie)

padre.style.top = document.body.scrollTop;



for (i = 0; i < n; i++)

{

if(n4)

{

document.layers['n4mensaje'+i].top = y[i];

document.layers['n4mensaje'+i].left = x[i]+(i*(a/2));

}

else if(ie)

{

iemensaje[i].style.top = y[i];

iemensaje[i].style.left = x[i]+(i*(a/2));

}

else if(n6)

{

eval("document.getElementById('iemensaje"+i+"').style.top = '"+y[i]+"px'");

eval("document.getElementById('iemensaje"+i+"').style.left = '"+(x[i]+(i*(a/2)))+"px'");

}

}

}



function ondula()

{

y[0]=Math.round(Y[0] +=((ymouse)-Y[0])*velocidad);

x[0]=Math.round(X[0] +=((xmouse)-X[0])*velocidad);



for (var i = 1; i < n; i++)

{

Yaux[i] = Math.round(Y[i]);

Xaux[i ]= Math.round(X[i]);

y[i] = Math.round(Y[i]=Yaux[i]+(y[i-1]-Y[i])*velocidad);

x[i] = Math.round(X[i]=Xaux[i]+(x[i-1]-X[i])*velocidad);

}

asigna();

setTimeout('ondula()',50);

}



window.onload = ondula;



</script>


que lo añadiremos en añadir un nuevo elemento de HTML, y pegamos en su interior este
Script


Mostrar/Ocultar




Contenido:Gracias a http://www. ForosdelWeb.com/, podemos disfrutar de este estupendo
Script, para mostrar y ocultar toda clase de contenido, incluso con varios enlaces
que interactuan entre sí. En el propio contenido del código está explicado como se debe de pegar en el blog, tanto en el -sidebar-, como en las -entradas. Hay una parte que se pone entre la etiqueta -head-, /head-, y otra entre -body -/body-, o en añadir un elemento de HTML y pergarlo en su interior.
El código es el siguiente:
<html>

<head>



<script>

function mostrar(enla , etik) {

obj = document.getElementById(etik);

obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';

enla.innerHTML = (enla.innerHTML == '[-]') ? '[+]' : '[-]';

}

</script>



</head>



<body>



<p><a href="#" onclick="mostrar(this,'oculto'); return false" />[+]</a></p>



<div id="oculto" style="display:none">

Este texto se verá cuando yo quiera

</div>



<div>esto es un texto intermedio, siempre esta visible</div>



<p><a href="#" onclick="mostrar(this,'oculto2'); return false" />[+]</a></p>



<div id="oculto2" style="display:none">

Este texto se verá cuando yo quiera

</div>



<div>esto es otro texto intermedio, siempre esta visible</div>



</body>

</html>



Mostrar/Ocultar con el Ratón




Contenido:Otro Script interesante referente a mostrar y ocultar texto o imagenes, es la variante de pasar el ratón por encima de una palabra y que se vea el texto completo y al quitar el ratón dicho texto se oculta. Resulta bastante llamativo.
Tambien gracias a la gentileza de gente estupanda en programación visto en www.forosdelweb.com. El código lo explica por si sólo, hay una parte a insertar entre la etiqueta -head-/head-, otro parte a poner en el entradas o sidebar, en este caso basta añadir en un elemento de página en Script -HTML-.
El código es el siguiente:
<script type="text/javascript">



function mostrar(enla,etik) {

obj = document.getElementById(etik);

obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';

}



</script>

..............................

<body>



<a href="#" onmouseover="mostrar(this,'capa'); return false" onmouseout="mostrar(this,'capa'); return false">enlace</a>



<div id="capa" style="visibility:hidden">

Este texto se verá cuando ponga el cursor sobre el enlace

</div>



</body>



Tarjetas Navideñas




Contenido:
Para estas proximas Navidades a continuación les detallo algunas páginas de tarjetas Navideñas, para poder enviarlas por correo a sus familiares y amistades:
http://www.guiastur.com/NAVIDAD/
http://www.latincards.com/
http://www.postalvirtual.net/
http://www.tuspostales.net/ecard/
http://www.tarjetasnico.com/
http://www.regalosvirtuales.com/
http://www.postalvirtual.net/postal/





Publicado por Guti en 12:03  

Etiquetas:


Pulsar para oir post hablado

0 comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)
 
Comentarios