Comunidad de diseño web y desarrollo en internet online

un efecto muy guapo

Citar            
MensajeEscrito el 28 May 2005 08:57 pm
he visto en una pagina un efecto de un texto, al mover el raton por la pantalla. alguien es saber como hacerlo. todo sea por aprender.

gracias anticipadas

este es el enlace:
http://www.otaku-web.net/site.php?ID=lugar/noticias#fus_15

Por MAKANA

28 de clabLevel



 

msie
Citar            
MensajeEscrito el 28 May 2005 09:20 pm
errr :roll: a que efecto te refieres al de el navegador? o a l apagina ?

Por FeNtO

BOFH

5091 de clabLevel

18 tutoriales

1 ejemplo

  Bastard Operators From Hell

FeNtO DataCenter

firefox
Citar            
MensajeEscrito el 28 May 2005 10:21 pm
me refiero al texto que se mueve junto al raton. se desplaza haciendo los mismos movimientos que el raton.

Por MAKANA

28 de clabLevel



 

msie
Citar            
MensajeEscrito el 28 May 2005 10:23 pm
el único texto que veo con movimiento es el del título, el codigo es éste:

Código :

<SCRIPT LANGUAGE="JavaScript">
var txt="«[[Otaku-Web.Com / .Net]]»~«[[anime.manga.hentai.foros.descargas.galerias.noticias.informacion.
oekaki.fanzone.comunidad.webmasters.skins.media.mangas.otakus.]]»";
var espera=200;
var refresco=null;
function rotulo_title() {
        document.title=txt;
        txt=txt.substring(1,txt.length)+txt.charAt(0);
        refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</SCRIPT>

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

clabbrowser
Citar            
MensajeEscrito el 28 May 2005 10:43 pm
<script language=JavaScript>
var x,y
var tempo=12
var espera=0

var texto=" Otaku-Web.Net ~ Anime "
texto=texto.split("")

var xpos=new Array()
for (i=0;i<=texto.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=texto.length-1;i++) {
ypos[i]=-50
}

function seguir(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
espera=1
}

function animar_cursor() {
if (espera==1 && document.all) {
for (i=texto.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+tempo
ypos[i]=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y

for (i=0; i<texto.length-1; i++) {
var camada = eval("span"+(i)+".style")
camada.posLeft=xpos[i]
camada.posTop=ypos[i]
}
}

else if (espera==1 && document.layers) {
for (i=texto.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+tempo
ypos[i]=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y

for (i=0; i<texto.length-1; i++) {
var camada = eval("document.span"+i)
camada.left=xpos[i]
camada.top=ypos[i]
}
}
var timer=setTimeout("animar_cursor()",30)
}

</script>
<script Language=JavaScript>
for (i=0;i<=texto.length-1;i++) {
document.write("<span id='span"+i+"' class='animado'>")
document.write(texto[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = seguir;
animar_cursor()
</script> [/code]

Por chechopoker

91 de clabLevel



 

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.