Anda di halaman 1dari 38

Mensaje en la barra inferior <script language="JavaScript"> <!

-var yourwords = "Wedmaster te ayuda en tu Web"; var speed = 150; var control = 1; function flash() { if (control == 1) { window.status=yourwords; control=0; } else { window.status=""; control=1; } setTimeout("flash();",speed); } // --> </script>

Mensaje Parpadeando en bara inferior de Texto <script language="JavaScript"> var CC_msg = "Wedmaster te ayuda..............."; var speed = 150; var control = 1; function flash() { if (control == 1) { window.status=CC_msg; control=0; } else { window.status=""; control=1; } setTimeout("flash();",speed); } </script>

Mensaje con Movimiento en la Parte Superior <script LANGUAGE="JavaScript"> var txt="Wedmaster te ayuda."; var espera=30; 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>

Mensaje que Cambia de Color <SCRIPT language=JavaScript> <!-function cambiaColor(colorfg){ document.fgColor = colorfg } function tiempo(){ setTimeout("cambiaColor('aqua')",1); setTimeout("cambiaColor('silver')", 1000); setTimeout("cambiaColor('lightyellow')", 3000); setTimeout("cambiaColor('lightgreen')", 5000); setTimeout("cambiaColor('orange')", 7000); setTimeout("cambiaColor('yellow')", 9000); setTimeout("tiempo()", 11000); } tiempo(); </script>

Botones de Navegacin <table border="0" bgcolor="#FFCC66"> <tr> <td align="center"> <input type="button" value=" << " onclick="javascript:window.history.go(1);"> <input type="button" value="Top" onclick="document.location='#top';"> <input type="button" value=" >> " onclick="javascript:window.history.go(1);"></td> </tr> </table> <!-- End Navigation -->

Mensaje de Cargando Pgina <body onLoad="esconde();"> <script language="JavaScript"> if(ie || ns) document.write('<div id="precarga" align="center"> <br />Esperen a que termine de cargar la pgina, por favor...</div>'); </script>

Minimizar Pagina con un Boton <input type="button" value="Minimizar ventana" onclick="window.moveBy(5000,5000); min = 'si';" style="fontfamily:Verdana"><script>min = "no"; function volver(){if(min == "si") {window.moveTo(0,0); min = "no"}}; window.onfocus = volver </script> <style> .animado {position:absolute;visibility:visible;top:-50px;fontsize:10pt;font-family:Arial;font-weight:bold;color:Blak;} </style>

Probador de HTML <!-- ArkAngel,YonkoChileWebRox --> <script> function probar(texto) { ventana = window.open('', 'popup', ''); ventana.document.write(texto); } </script> <form action="" name="probador"> <font face="Verdana" size="2">Esto es un probador de c&oacute;digos, inserta el c&oacute;digo HTML y te dar&aacute; el resultado en una ventana nueva!<hr /> </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br /> </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font> </form>

Tabla de colores en tu web <iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

Fecha en tu sitio <script language="JavaScript"> <!-mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; if(myday == 0) day = " Domingo, " else if(myday == 1)

day = " Lunes, " else if(myday == 2) day = " Martes, " else if(myday == 3) day = " Mircoles, " else if(myday == 4) day = " Jueves, " else if(myday == 5) day = " Viernes, " else if(myday == 6) day = " Sbado, " if(mymonth == 0) month = "Enero " else if(mymonth ==1) month = "Febrero " else if(mymonth ==2) month = "Marzo " else if(mymonth ==3) month = "Abril " else if(mymonth ==4) month = "Mayo " else if(mymonth ==5) month = "Junio " else if(mymonth ==6) month = "Julio " else if(mymonth ==7) month = "Agosto " else if(mymonth ==8) month = "Setiembre " else if(mymonth ==9) month = "Octubre " else if(mymonth ==10) month = "Noviembre " else if(mymonth ==11) month = "Diciembre " document.write("<font face=arial, size=1>"+ day); document.write(myweekday+" de "+month+ "</font>"); // --> </script>

Saludo segn la hora del da <Font size=2 face=arial><b> <Script Language="JavaScript"> <!-today = new Date() if(today.getMinutes() < 10){ pad = "0"} else pad = ""; document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){ document.write("Buen da!") } if((today.getHours() >=10) && (today.getHours() <=11)){ document.write("Buen da!") } if((today.getHours() >=12) && (today.getHours() <=19)){ document.write("Buenas tardes!")

} if((today.getHours() >=20) && (today.getHours() <=23)){ document.write("Buenas noches!") } if((today.getHours() >=0) && (today.getHours() <=3)){ document.write("Buenas noches!") } if((today.getHours() >=4) && (today.getHours() <=5)){ document.write("Buenas noches!") } // --> </script> </b></font>

Tiempo restante para finalizar el da <body> <p>Tiempo restante para finalizar el da</p> <form name="Reloj"> <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el da"> <script language="JavaScript"> <!-var tiempoAtras; updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos; document.Reloj.tiempo.value = tiempoAtras; setTimeout("updateReloj()",1000); } //--> </script> </form> </body>

Redireccionar pgina <script>location='http://google.cl/'</script>

Establecer como pgina de inicio <A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand; COLOR: #004080; FONT-FAMILY: Verdana" onclick= "this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.CheNico.com');"> <FONT face=Arial color=#000000 size=-2><U> Esta parte del texto se puede modificar en el cdigo</U></FONT></A>

Centrar la web <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; marginright: auto;">

Atras - Actualizar - Adelante <input type="button" value="Atrs" onclick="history.back()" style="fontfamily: Verdana; font-size: 8 pt"> <input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt"> <input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">

"Welcome" para poner en


Inicio

Con link: <a href="Direccin de tu sitio"><img src="http://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /></a> Sin link: <img src="http://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" />

Caja de cdigo con botn Copiar <span id="Caja1" class="Caja1">Haga click dentro de la caja de texto para copiar su contenido<br /> </span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1">EL TEXTO O CDIGO QUE DESEE QUE APAREZCA

DENTRO DE LA CAJITA N1</textarea> <script> function copyCaja1(elt) { var urlSwf = "copy.swf"; var flash = document.getElementById("C1"); var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>'; flash.innerHTML = divinfo; elt.focus(); elt.select(); document.getElementById("Caja1").innerHTML = "El texto ha sido copiado! <br/>"; return true; } </script> <div id="C1">&nbsp;</div> pd. Si quieres colocar ms de una caja en una sola pgina, escribe el mismo cdigo reemplazando los 1 por 2.

Hosted by PWG en la esquina inferior derecha de tu web <a href='http://paginawebgratis.es' style='display:scroll;position:fixed;bottom:0px;right:0px;'> <img src='http://img91.imageshack.us/img91/6165/hostedbyxj1.gif'/></a>

Este cdigo sirve para que aparezca NEW al lado de una pgina de tu men. Lo colocan al final de tu ttulo de la pgina. <img src="http://img441.imageshack.us/img441/5372/newyw7.gif" border="0">

Abrir web en Pop-up <script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>

Recomendar pgina <form name="eMailer"> ENVA ESTA PGINA A UN AMIGO <br> Indica su e-mail: <br> <input type="text" name="address" size="25"> <br> <input type="button" value="Recomend esta Web!" onClick="mailThisUrl();">

</form> <script language="JavaScript1.2"> var good; function checkEmailAddress(field) { // the following expression must be all on one line... var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)| (.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi); if (goodEmail){ good = true } else { alert('Por favor introduce un e-mail valido') field.focus() field.select() good = false } } u = window.location; m = "Pienso que te puede interesar esta pgina..."; function mailThisUrl(){ good = false checkEmailAddress(document.eMailer.address) if (good){ // the following expression must be all on one line... window.location = "mailto:"+document.eMailer.address.value+"? subject="+m+"&body="+document.title+" "+u; } } </script>

Mensaje de alerta al intentar copiar <Script language=JavaScript> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){ alert("ACA TU MENSAJE DE ALERTA."); return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert("ACA TU MENSAJE DE ALERTA."); return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script>

Mensaje de Bienvenida <script language="JavaScript"> alert("MODIFICAR TEXTO"); </script>

Mensaje de despedida <script language="Javascript"> function goAway() { alert('TU MENSAJE DE DESPEDIDA'); } </script> <body bgcolor="white" onUnload="goAway()"> </body>

haciendo click en texto visualizara una imagen; Cdigo: <form name="dynamicselector"> <table border="0" width="100%" cellspacing="0" cellpadding="0" height="178" summary=""> <tr> <td width="35%" valign="top" align="left"> <select name="dynamicselector2" size="4" onChange="generateimage(this.options[this.selectedIndex].value)"> <option value="URL <option value="URL <option value="URL <option value="URL <option value="URL </select> <script> IMAGEN">TEXTO</option> IMAGEN">TEXTO</option> IMAGEN">TEXTO</option> IMAGEN">TEXTO</option> IMAGEN">TEXTO</option>

/* Dynamic Image selector Script Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ function generateimage(which){ if (document.all){ dynamic3.innerHTML='<center>Loading image...</center>'; dynamic3.innerHTML='<img src="'+which+'">'; } else if (document.layers){ document.dynamic1.document.dynamic2.document.write('<img src="'+which+'">'); document.dynamic1.document.dynamic2.document.close(); } else alert('You need NS 4 or IE 4 to view the images!'); } </script> </td> <td width="65%" valign="top" align="left"><ilayer id="dynamic1" width="100%" height="178"><layer id="dynamic2" width="100%" height="178"><div id="dynamic3"></div></layer></ilayer></td> </tr> </table>

</form>

Solo introduzcan la url de la imagen donde lo indica y el teto que deseen que aparezca donde lo indica y lo colocan donde deseen que aparezca. asi se veria:

Abrir ventana con efecto de corredera bueno con este codigo que les dejo podran poner un link de texto el cual al picar en el la ventana se abrira de forma corredera: Cdigo: <script LANGUAGE="JavaScript"> function janelanimada(endereco) { var velocidadev = 15; var topo = 0; var esquerda = 0; var velocidadeh = 15; if (document.all) { var tamlar = window.screen.availHeight - topo; var tamjan = window.screen.availWidth - esquerda; var tamanho = window.open("","","left=" + esquerda + ",top=" + topo + ",width=1,height=1,scrollbars=yes"); for (sizeheight = 1; sizeheight < tamlar; sizeheight += velocidadev) { tamanho.resizeTo("1",sizeheight );} for (sizewidth = 1; sizewidth < tamjan; sizewidth += velocidadeh) { tamanho.resizeTo(sizewidth+6,sizeheight );} tamanho.location = endereco;} else window.location = endereco;} </script> <p><a href="URL DEL SITE" onClick="janelanimada('URL DEL SITE');return false;">AQUI TEXTO QUE APARECERA</a><br>

Solo coloquen la url del site donde lo indica y el texto que deseen que aparezca en su web. burbujas que salen del puntero: bueno con este codigo saldran burbujas de su puntero:

Cdigo: <script language="JavaScript"> <!-- Under Water Mouse Script by kurt.grigg@virgin.net Image0=new Image(); Image0.src="http://i33.tinypic.com/j9agqg.gif"; Amount=20; Ymouse=-50; Xmouse=-50; Ypos=new Array(); Xpos=new Array(); Speed=new Array(); rate=new Array(); grow=new Array(); Step=new Array(); Cstep=new Array(); nsSize=new Array(); ns=(document.layers)?1:0; WinHeight=(document.layers)? window.innerHeight:window.document.body.clientHeight; (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ Ymouse=(document.layers)?evnt.pageY-20:event.y-20; Xmouse=(document.layers)?evnt.pageX:event.x; } (document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse; for (i=0; i < Amount; i++){ Ypos[i]=Math.random()*WinHeight-Ymouse; Xpos[i]=Xmouse; Speed[i]=Math.random()*10+1; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; grow[i]=4; nsSize[i]=Math.random()*15+5; rate[i]=Math.random()*0.5+0.1; } if (ns){ for (i = 0; i < Amount; i++){ document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">'); } document.write('</div></div>'); } function MouseBubbles(){ var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(270*Math.PI/180); sx = Speed[i]*Math.cos(Cstep[i]*5); Ypos[i]+=sy; Xpos[i]+=sx; if (Ypos[i] < -40){ Ypos[i]=Ymouse; Xpos[i]=Xmouse; Speed[i]= 6+Math.random()*3; grow[i]=4; nsSize[i]=Math.random()*15+5; } if (ns){ document.layers['sn'+i].left=Xpos[i]+wscrll;

document.layers['sn'+i].top=Ypos[i]+hscrll; } else{ si[i].style.pixelLeft=Xpos[i]+wscrll; si[i].style.pixelTop=Ypos[i]+hscrll; si[i].style.width=grow[i]; si[i].style.height=grow[i]; } grow[i]+=rate[i]; Cstep[i]+=Step[i]; if (grow[i] > 24) grow[i]=25; } setTimeout('MouseBubbles()',10); } MouseBubbles(); //--> </script>

bueno aqui les dejo una imagen de como se veria:

pongan el codigo en texto por debajo de la pagina y listo.

CODIGOS Texto en forma de montaa rusa. Ejemplo: http://www.cyberiapc.com/aascripter/samples/TextEffects/sub1.htm Funciona en:

Cdigo: <script> /* Roller Coaster ScriptBy Website Abstraction Over 200+ free scripts here! */

var fs=1 var direction="right" function rollertext(whichone){ var thetext=whichone for (i=0;i<thetext.length;i++){ document.write(thetext.charAt(i).fontsize(fs)) if (fs<7&&direction=="right") fs++ else if (fs==7){ direction="left" fs-} else if (fs==1){ direction="right" fs++ } else if (fs>1&&direction=="left") fs-} } //Change below text to your won rollertext("Life is like a roller coaster ride. Hang on tight!") </script>

Texto marquesina dentro de un formulario Ejemplo: http://www.cyberiapc.com/aascripter/samples/TextEffects/sub7.htm Funciona en:

este dentro de las etiquetas <HEAD> Y </HEAD> Cdigo: <script language="JavaScript"> <!-- Hide the script from non-JavaScript browsers -// This script was found at the JavaScript Place. http://www.javaplace.co.uk var timerID = null; var timerRunning = false; var id,pause=0,position=0; function ticker() { var i,k,msg=" Your important and interesting messages go here .......... "; k=(75/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; document.form2.ticker.value=msg.substring(position,position+100); if(position++==38) position=0; id=setTimeout("ticker()",1000/10); } function action() { if(!pause) { clearTimeout(id); pause=1; } else { ticker(); pause=0; } } // --End hiding script from non-JavaScript browsers --> </script>

y Este dentro de las etiquetas <BODY> Y </BODY> Cdigo: <BODY onLoad="ticker ()"> <CENTER><H3>Ticker Tape scrolling message demo</H3></CENTER> <P> <FORM NAME="form2"> <INPUT TYPE="text" name="ticker" size="82"> </FORM> <P> Back to the <A HREF="index.html">index</A> page

Presentacion de Imagenes cambiandolas con un boton Ejemplo: http://www.cyberiapc.com/aascripter/samples/ImageSound/sub3.htm Funciona en:

Cdigo: <table border="0" cellpadding="0"> <caption><strong>Air Show Photos</strong></caption> <tr> <td width="100%"><img src="plane1.gif" width="300" height="240" name="photoslider"></td> </tr> <tr> <td width="100%"><form method="POST" name="rotater"> <div align="center"><center><p><script language="JavaScript1.1"> var photos=new Array() var which=0 /*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/ photos[0]="plane1.gif" photos[1]="plane2.gif" photos[2]="plane3.gif" photos[3]="plane4.gif" photos[4]="plane5.gif" function backward(){ if (which>0){ window.status='' which-document.images.photoslider.src=photos[which] } } function forward(){ if (which<photos.length-1){ which++ document.images.photoslider.src=photos[which] } else window.status='End of gallery' }

</script><input type="button" value="&lt;&lt;Back" name="B2" onClick="backward()"> <input type="button" value="Next&gt;&gt;" name="B1" onClick="forward()"><br> <a href="#" onClick="which=1;backward();return false"><small>Start Over</small></a></p> </center></div> </form> </td> </tr> </table>

Imagen aleatoria de fondo al cargar la pagina Ejemplo: http://www.cyberiapc.com/aascripter/samples/ImageSound/sub1.htm Funciona en:

Cdigo: <script> /*Random Background ImageBy Website Abstraction (www.wsabstract.com) More free JavaScripts here! */ var backgr1="../clip/backgr4.jpg" var backgr2="../clip/backgr17.jpg" var backgr3="../clip/backgr13.jpg" var cur=Math.round(6*Math.random()) if (cur<=1) backgr=backgr1 else if (cur<=4) backgr=backgr2 else backgr=backgr3 document.write('<body background="'+backgr+'" bgcolor="#FFFFFF">') </script>

Seleccion de imagen con un formilario deslisante Ejemplo: http://www.cyberiapc.com/aascripter/samples/ImageSound/sub6.htm Funciona en:

entre las etiquetas <HEAD> Y </HEAD> Cdigo: <script language="javascript"> <!--

/*Combo Box Image Selector: By Website Abstraction (www.wsabstract.com) Over 200+ free JavaScript here! */ function showimage() { if (!document.images) return document.images.pictures.src= document.mygallery.picture.options[document.mygallery.picture.selectedIndex].value } //--> </script>

Entre las etiquetas <BODY> Y </BODY> Cdigo: <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%"><form name="mygallery"><p><select name="picture" size="1" onChange="showimage()"> <option selected value="me.gif">Picture of me</option> <option value="myaunt.gif">Picture of my aunt</option> <option value="brother.gif">Picture of my brother</option> </select></p> </form> </td> </tr> <tr> <td width="100%"><p align="center"><img src="me.gif" name="pictures" width="99" height="100"></td> </tr> </table>

Scroll de ventana asia avajo Ejemplo: http://www.cyberiapc.com/aascripter/samples/Browser/sub1.htm Funciona en:

Entre las etiquietas <BODY> Y </BODY> Cdigo: <script language="JavaScript1.2"> /* Top-Down scrolling window Script Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more free DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ //change 1 to another integer to alter the scroll speed. Greater is faster var speed=1 var currentpos=0,alt=1,curpos1=0,curpos2=-1

function initialize(){ startit() } function scrollwindow(){ if (document.all) temp=document.body.scrollTop else temp=window.pageYOffset if (alt==0) alt=1 else alt=0 if (alt==0) curpos1=temp else curpos2=temp if (curpos1!=curpos2){ if (document.all) currentpos=document.body.scrollTop+speed else currentpos=window.pageYOffset+speed window.scroll(0,currentpos) } else{ currentpos=0 window.scroll(0,currentpos) } } function startit(){ setInterval("scrollwindow()",10) } window.onload=initialize </script>

Mini venta que corre por toda la pantalla (con pagina personalisable) Ejemplo: http://www.cyberiapc.com/aascripter/samples/Browser/sub14.htm Funciona en:

Entre las etiquetas <HEAD> Y </HEAD> Cdigo: <Script Language="JavaScript1.2"> <!-- Hiding /* Java Script by Lefteris Haritou 5/05/1997 http://www.geocities.com/SiliconValley/7096 Please do not remove the above credit ! No copyrights, but just be fair */ var x=0; var y=0; var plus=1; function start(){ nw=window.open("","wd","scrolbar=0,toolbar=0,status=0"); window.nw.resizeTo(200,100); window.nw.moveTo(0,0) nw.document.open(); nw.document.writeln('<HTML><BODY onBlur="self.focus()"

Bgcolor="#FFFFF0"><CENTER><BR><font face="Arial" color="#0000FF" size=4>Cool New Features Of Netscape 4</font></CENTER></BODY></HTML>'); nw.document.close(); gvar(); } function earthquake(){ window.nw.moveBy(x,y); gvar(); } function gvar(){ if (plus==1){ if (x<35){ x+=1; window.setTimeout("earthquake()",200); } else{ if (y<29){ y+=1; window.setTimeout("earthquake()",200); } else{ plus=0; x=0; y=0; gvar(); } } } else{ if (x>-35){ x-=1; window.setTimeout("earthquake()",200); } else{ if (y>-29){ y-=1; window.setTimeout("earthquake()",200); } else{ fine(); } } } }

function gvarm(){ if (y>0){ y-=1; window.setTimeout("earthquake()",200); } else{ if (x>0){ x-=1; window.setTimeout("earthquake()",200); } else{ fine(); } } } function fine(){ alert("Demo presented to you by Lefteris Haritou n http://www.geocities.com/~lef"); nw.close(); clearTimeout();

} // Done Hiding --> </Script>

Entre las Etiquetas <BODY> Y </BODY> Cdigo: <CENTER> <Form> <Input type="button" Value="Begin" onclick="start()"> </Form> </CENTER>

Efecto de texto 3D (no imagen) Ejemplo: http://www.cyberiapc.com/aascripter/samples/TextEffects/sub9.htm Funciona en:

Cdigo: <!----------------- PLEASE ATTACH THIS IF USED --------------> <meta name=author content="Raul R. Edwards"> <meta name=copyright content="Software Angel, Inc. (c) April 1, 1999"> <meta license=GNU content="GNU General Public License Version 1.2 as published by the Free Software Foundation" <!-----------------------------------------------------------> <style> body { background:silver; font-family:Arrus BT,Garamond,Times New Roman; } div { position:absolute; } </style> <title>Emboss & 3D Letters</title> <head> <body> Written by<br> <style> a { text-decoration: none; color:maroon; vlink:maroon; alink:red;} a:hover {color: red } .info { font-family:Times New Roman; positon:relative;} .light { top:-1; left:-1; color:white;} .shade { top:+1; left:+1; color:pink; } .fill { top:0; left:0; color:red; } </style> <div class="info"> <div class="light"> <i>Software Angel, Inc.</i> </div> <div class="shade"> <i>Software Angel, Inc.</i>

</div> <div class="fill"> <i> <a href="mailto:rre@scs.howard.edu" onmouseover="status='Software Angel, Inc. &copy 1999'; return true;" onmouseout="status='Emboss & 3D Letters'; return true;"> Software Angel, Inc.</a> </i> </div> </div> <br><br><br> <!--- Example #1 ---> <style> .shade1 { top:+5; left:+5; color:black; } .fill1 { top:0; left:0; color:red; } </style> <div class=Example1> <div class="shade1"> <center><h1>Shadow</h1></center> </div> <div class="fill1"> <center><h1>Shadow</h1></center> </div> </div> <br><br><br> <!--- Example #2 ---> <style> .light2 { top:-1; left:-2; color:white; } .shade2 { top:+1; left:+2; color:black; } .fill2 { top:0; left:0; color:silver; } </style> <div class=Example2> <div class="light2"> <center><h1>Emboss Background Example</h1></center> </div> <div class="shade2"> <center><h1>Emboss Background Example</h1></center> </div> <div class="fill2"> <center><h1>Emboss Background Example</h1></center> </div> </div> <br><br><br> <!--- Example #3 ---> <style> .light3 { top:-2; left:-2; color:white; } .shade3 { top:+2; left:+2; color:lightblue; } .fill3 { top:0; left:0; color:blue; } </style> <div class=Example3> <div class="light3"> <center><h1>Emboss Color Example</h1></center> </div> <div class="shade3"> <center><h1>Emboss Color Example</h1></center> </div> <div class="fill3"> <center><h1>Emboss Color Example</h1></center> </div> </div> <br><br><br> <!--- Example #4 --->

<style> .light4 { top:-2; left:-2; color:yellow; } .shade4 { top:+2; left:+2; color:yellow; } .fill4 { top:0; left:0; color:darkgreen; } </style> <div class=Example4> <div class="light4"> <center><h1>Color Highlight Example</h1></center> </div> <div class="shade4"> <center><h1>Color Highlight Example</h1></center> </div> <div class="fill4"> <center><h1>Color Highlight Example</h1></center> </div> </div> Texto en grande que salta por toda la pantalla Ejemplo: http://www.cyberiapc.com/aascripter/samples/TextEffects/sub12.htm Funciona en:

entre las etiquetas <BODY> Y </BODY> Cdigo: <style type="text/css"> #supertext { position:absolute; left:0; top:0; visibility:hide; visibility:hidden; } </style> <script language="JavaScript1.2"> /* Bouncy message script- By Dynamicdrive.com Code based on Lloyd Hassell's, at http://www.dynamicdrive.com/dynamicindex4/bounceimage.htm For full source, TOS, and 100s DTHML scripts, visit http://dynamicdrive.com */ //Configure the below three variables //1) Set message to display (HTML accepted) var thecontent='<h2><font color="#0000FF">Welcome to Dynamic Drive! </font></h2>' //2) Set delay after which message should be hidden, in miliseconds ('' makes it incessantly visible on the screen) var hidetimer=''; //3) Set speed of animation (1-50), where larger is faster var BallSpeed = 20;

///NO NEED TO EDIT BELOW THIS LINE/////////// var contentWidth; var contentHeight; var maxBallSpeed = 50;

var var var var var var var var var var var

xMax; yMax; xPos = 0; yPos = 0; xDir = 'right'; yDir = 'down'; superballRunning = true; tempBallSpeed; currentBallSrc; newXDir; newYDir;

function initializeBall() { if (document.all) { xMax = document.body.clientWidth yMax = document.body.clientHeight document.all("supertext").style.visibility = "visible"; contentWidth=supertext.offsetWidth contentHeight=supertext.offsetHeight } else if (document.layers) { xMax = window.innerWidth; yMax = window.innerHeight; contentWidth=document.supertext.document.width contentHeight=document.supertext.document.height document.layers["supertext"].visibility = "show"; } setTimeout('moveBall()',400); if (hidetimer!='') setTimeout("hidetext()",hidetimer) } function moveBall() { if (superballRunning == true) { calculatePosition(); if (document.all) { document.all("supertext").style.left = xPos + document.body.scrollLeft; document.all("supertext").style.top = yPos + document.body.scrollTop; } else if (document.layers) { document.layers["supertext"].left = xPos + pageXOffset; document.layers["supertext"].top = yPos + pageYOffset; } animatetext=setTimeout('moveBall()',20); } } function calculatePosition() { if (xDir == "right") { if (xPos > (xMax - contentWidth - BallSpeed)) { xDir = "left"; } } else if (xDir == "left") { if (xPos < (0 + BallSpeed)) { xDir = "right"; } } if (yDir == "down") { if (yPos > (yMax - contentHeight - BallSpeed)) { yDir = "up"; } } else if (yDir == "up") { if (yPos < (0 + BallSpeed)) { yDir = "down"; } }

if (xDir == "right") { xPos = xPos + BallSpeed; } else if (xDir == "left") { xPos = xPos - BallSpeed; } else { xPos = xPos; } if (yDir == "down") { yPos = yPos + BallSpeed; } else if (yDir == "up") { yPos = yPos - BallSpeed; } else { yPos = yPos; } } function hidetext(){ if (document.all) supertext.style.visibility="hidden" else if (document.layers) document.supertext.visibility="hide" clearTimeout(animatetext) } if (document.all||document.layers){ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') window.onload = initializeBall; window.onresize = new Function("window.location.reload()"); } </script>

Efecto texto en desvanesimiento con scroll (muy bueno) Ejemplo: http://www.cyberiapc.com/aascripter/samples/TextEffects/sub15.htm Funciona en:

entre las etiquetas <HEAD> Y </HEAD> Cdigo: <style TYPE="text/css"> <!-.TextScrollStyle { visibility:hidden; font-family:Verdana; font-weight:bold; text-align:center; padding:0; margin:0; width:100%; overflow:hidden; } --> </style> <script language="JavaScript1.2"> /* Dynamic Fader Script (updated: 00/08/05)

Created and submitted by Nicholas Poh (hwinmain@yahoo.com) to Dynamicdrive.com Key modifications by Dynamic Drive for stability/ efficiency in NS For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com */ //1) Configure messages: var TS_message = new Array(); TS_message[0] = '<div align="left">Hello there</div>'; TS_message[1] = '<div align="left">Wow... hope you like it!</div>'; TS_message[2] = '<div align="left">Script downloaded from <A HREF="http://www.cyberiapc.com">CyberiaPC.com</A></div>'; //2) Configure fader width and colors: var TS_scrollwidth=400 //configure fader width var TS_colorFG = 0x000000; // Text color var TS_colorBG = 0xFFFFFF; //bgColor // uncomment any value you wanted to change //var TS_ymax = 50; // How many pixel to move //var TS_ystep = 1; // 1 or -1 only (Scroll direction) //var TS_speed = 2; // The smaller the value the faster //var TS_pause = 100; // Pause time(milisecond) between messages var TS_fadestep= 20; // Steps to fade in and out if (document.all) document.write('<style>#containerarea{width:'+TS_scrollwidth+'}</style >') </script>

Entre las etiquetas <BODY> Y </BODY> Cdigo: <DIV id="containerarea"> <SCRIPT LANGUAGE="JavaScript1.2" SRC="textfader.js"></SCRIPT> </DIV>

Veamos un sencillo script para hacer que se mueva un texto por la barra de estado de nuestro navegador.
Por Miguel Angel Alvarez
Atencin: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.

Vamos a ver en este artculo cmo hacer para que se mueva un texto por la barra de estado de nuestro navegador. Es un script bastante sencillo y tambin bastante corriente. Sin duda puede resultar fcil tomar el script, copiarnoslo en nuestra pgina y hacerlo funcionar, pero nosotros vamos a procurar una explicacin para que todo quede ms claro y entendamos un poco lo que estamos haciendo.

Este script va a crear un texto que se movera de derecha a izquierda por la barra de estado. Se puede ver en la pgina de ejemplo. Ahora veamos los distintos pasos.

1. Defino unas variables iniciales

El script puede mover el texto que nosotros deseemos y para configurarlo se ha de crear una variable que hemos llamado texto_estado donde introduciremos nuestro texto.

var texto_estado = " Bienvenidos a mi pagina web"

Notemos que se han introducido unos espacios antes que el texto. Son para que se cree un espacio en la barra de estado entre la salida del texto y la entrada de este por el otro lado. El nmero de espacios en blanco se puede modificar libremente, as como el texto que se muestra.

Tambin ser necesario crear una variable llamada posicion donde vamos a guardar la posicin del texo en la barra de estado.

var posicion = 0

2. Funcin para mover el texto

Ahora vamos a ver la funcin, a la que llamaremos mueve_texto(), que se encarga de mover el texto por la barra de estado. Entender esta funcin puede ser un poco complejo si no se conoce un poco el lenguaje Javascript. En cualquier caso, podemos tambin copiarla y pegarla en nuestras pginas aunque no la consigamos entender. Realiza cuatro acciones bsicas:

Mueve la posicin actual, actualizando la variable posicion. Si hemos llegado al final de la cadena se vuelve al principio
if (posicion < texto_estado.length) posicion ++; else posicion = 1;

Crea una cadena a partir del texto original. La cadena creada contiene el texto que hay desde la posicin actual hasta el final concatenado al que hay desde el principio hasta la posicin actual. Este es el paso que realmente genera el movimiento, porque va cambiando la cadena que luego escribiremos a medida que la posicin tambin cambia.
string_actual = texto_estado.substring(posicion) + texto_estado.substring(0,posicion)

Escribe la cadena resultante de la operacin anterior en la barra de estado.


window.status = string_actual

La funcin se llama a si misma para continuar el movimiento. Para ello se utiliza una funcin muy socorrida, setTimeout(), que sirve para ejecutar una sentencia con un retardo de tiempo. La funcin recibe la sentencia para ejecutar (que en este caso es una llamada a esta misma funcin) y el nmero de milisegundos que tiene que esperar para ejecutarla, en este caso 50.
setTimeout("mueve_texto()",50)

La funcin entera tiene este cdigo:

function mueve_texto(){ if (posicion < texto_estado.length) posicion ++; else posicion = 1; string_actual = texto_estado.substring(posicion) + texto_estado.substring(0,posicion) window.status = string_actual setTimeout("mueve_texto()",50) }

3. Llamamos a la funcin

Para empezar a mover el texto por la pgina tenemos que realizar una llamada a la funcin que se encarga de ello. Ser ms claro el cdigo de la pgina si colocamos la llamada a la funcin despus de que haya sido definida, aunque no es obligatorio.

mueve_texto()

4. Todo junto

Para acabar, podemos observar a continuacin el cdigo entero de una pgina web que mueve texto por su barra de estado. Es una pgina bastante sencilla despus de todo.

<html> <head> <title>Texto en la barra de estado</title> <script language="javascript"> //texto del mensaje

var texto_estado = " Bienvenidos a mi pagina web" var posicion = 0

//funcion para mover el texto de la barra de estado function mueve_texto(){ if (posicion < texto_estado.length) posicion ++; else posicion = 1; string_actual = texto_estado.substring(posicion) + texto_estado.substring(0,posicion) window.status = string_actual setTimeout("mueve_texto()",50) } mueve_texto() </script> </head> <body> <h1>Ejemplo de script con un texto en la barra de estado</h1> </body> </html>

Se puede ver el ejemplo en funcionamiento.

5. Otro ejemplo

Dependiendo del script que utilicemos para mover el texto de la barra de estado conseguiremos unos efectos u otros. A continuacin podemos ver un segundo ejemplo sobre cmo mover un texto por la barra de estado utilizando un efecto de movimiento distinto.

No vamos a comentar este segundo ejemplo porque ya se encuentra comentado en el propio cdigo fuente, pero podremos ver que es muy parecido al anterior.

<html> <head> <title>Segundo ejemplo de texto en movimiento</title> </head>

<body> <h1>Texto en movimiento en la barra de estado</h1> <h2>Ejemplo 2</h2> <script language="javascript"> //variable con el texto a mostrar var texto = "Bienvenidos a mi pagina web!!!" //variable con la posicion en el texto. poner siempre a 0 var pos = 0 //creo una funcion para cambiar el texto de la barra de estado function textoEstado(){ //incremento la posicion en 1 y extraigo el texto a mostrar en este momento. pos = pos + 1 textoActual = texto.substring(0,pos) //pongo el texto que quiero mostrar en la barra de estado del navegador window.status = textoActual //Llamamos otra vez a esta funcion para que continue mostrando texto if (pos == texto.length){ //si hemos llegado al final, vuelvo al principio y hago un retardo superior pos = 0 setTimeout("textoEstado()",1500) } else{ //si no hemos llegado al final, sigo con la funcion con un retardo minimo. setTimeout("textoEstado()",100) } } //llamo a la funcin para poner el texto en movimiento textoEstado() </script>

</body> </html> Enviar un comentario a este artculo Ver comentarios del artculo (6)

Compartir en redes sociales Comparte este manual en tus redes sociales

MANUAL: Taller de Javascript

Navegador desplegable con frames

Mostrar capas y ocultar capas con IE 4,5 NS 4

Comentarios

Enviar un comentario al artculo Fueron enviados 6 comentarios al artculo 3 comentarios no revisados 3 comentarios revisados:
24/4/2003

Por: Borja Flores 0 votos Otro efecto interesante para el Status es ste: < SCRIPT language=JavaScript1.2> < !-//Texto Animado En Barra De Estado var text = "TEXTO DE BARRA DE STATUS QUE SE QUIERA " var speed = 150 var x = 0 function bb() { var a = text.substring(0,x) var b = text.substring(x,x+1).toUpperCase() var c = text.substring(x+1,text.length) window.status = a + b + c if (x == text.length) { x = 0 } else { x++ } setTimeout("bb()",speed) } bb(); < !-< !-function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> //-->

function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> < /script>

probadlo, es interesante

Saludos, Borja Flores Mateo Pincha si este comentario es spam


24/9/2005

Por: Jonathan Garca 0 votos tengo otro efecto, espero que sea de vuestro agrado. < !--Incia el efecto 1 para colocar texto animado en la barra de estado --> <script language="javascript"> var texto_estado = " Bienvenido a mi pgina web " var posicion = 0 function mueve_texto(){ if (posicion < texto_estado.length) posicion ++; else posicion = 1; string_actual = texto_estado.substring(posicion) + texto_estado.substring(0,posicion) window.status = string_actual setTimeout("mueve_texto()",100) } mueve_texto() </script> Pincha si este comentario es spam

CODIGO PARA MOSTRAR UNA TIRA DE IMAGENES ' Codigo ofrecido por Tutores.org <?php /* * Nombrar las imagenes 0.gif, 1.gif, 2.gif etc. * * incluir archivo: <?php include "aleatorio.php"; ?> */ $totales = "5";

$Tipo_imagenes = ".gif"; $carpeta_imagenes = "/tut/images/"; $inicio = "0"; $aleatorio = mt_rand($inicio, $totales); $nombre_imagen = $aleatorio . $Tipo_imagenes; echo "<img src="$carpeta_imagenes/$nombre_imagen" alt="$nombre_imagen" />"; ?>

ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo

<!-- Inicio enlace Tutores.org --> < a title="Tutores.org - Simple galeria de imagenes aleatoria" href="http://www.tutores.org/codigo/1866/" target="_blank">Simple galeria de imagenes aleatoria</a> < !-- Final enlace Tutores.org -->

COMENTARIOS wilder me sale error en esta linea: echo "<img src="$carpeta_imagenes/$nombre_imagen" alt="$nombre_imagen" />"; saliendome el siguiente mensaje: Parse error: parse error, expecting `','' or `';'' Como lo puedo solucionar ? manuel 15-06-2007 14:14:56 muy bueno este codigo si me sirvio :D MLL 19-11-2009 19:42:22 Como haces este formulario???? muy bueno el codigo de arriba :) Sebaspa Hola esta muy bueno el codigo pero ahora como hago para que no se repita las imagenes??

<!-- Codigo ofrecido por Tutores.org --> <html> < head> < title>Tutores.org</title> < style> #divMenu {font-family:arial,helvetica; font-size:12pt; font-weight:bold} #divMenu a{text-decoration:none;} #divMenu a:hover{color:red;} < /style> < script language="JavaScript1.2"> /**************************************************************************** **** Escript Traducido y modificado para tutores.org Submitted with modifications by Jack Routledge (http://fastway.to/compute) to DynamicDrive.com Copyright (C) 1999 Thomas Brattli @ www.bratta.com This script is made by and copyrighted to Thomas Brattli This may be used freely as long as this msg is intact! This script has been featured on http://www.dynamicdrive.com ***************************************************************************** *** Browsercheck:*/ ie=document.all?1:0 n=document.layers?1:0 ns6=document.getElementById&&!document.all?1:0 //Variables que pueden ser modificadas //Cuanto de la capa queremos visible lshow=60 //Cantidad de pixeles para el movimiento var move=10; //Velocidad en milisegundos menuSpeed=40 //Aun se muestra si el visitante hace scroll en la pagina var moveOnScroll=true /**************************************************************************** **** No cambiar nada a partir de aqui ***************************************************************************** ***/

//Definiendo variables var ltop; var tim=0; //Object constructor function makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' if (n) this.css=eval(nest+'document.'+obj) else if (ns6) this.css=document.getElementById(obj).style else if (ie) this.css=eval(obj+'.style') this.state=1 this.go=0 if (n) this.width=this.css.document.width else if (ns6) this.width=document.getElementById(obj).offsetWidth else if (ie) this.width=eval(obj+'.offsetWidth') this.left=b_getleft this.obj = obj + "Object"; eval(this.obj + "=this") } //Get's the top position. function b_getleft(){ if (n||ns6){ gleft=parseInt(this.css.left)} else if (ie){ gleft=eval(this.css.pixelLeft)} return gleft; } /**************************************************************************** **** Decidimos la accion para el movimiento del menu ***************************************************************************** ***/ function moveMenu(){ if(!oMenu.state){ clearTimeout(tim) mIn() }else{ clearTimeout(tim) mOut() } } //Menu in function mIn(){ if(oMenu.left()>-oMenu.width+lshow){ oMenu.go=1 oMenu.css.left=oMenu.left()-move tim=setTimeout("mIn()",menuSpeed) }else{ oMenu.go=0

oMenu.state=1 } } //Menu out function mOut(){ if(oMenu.left()<0){ oMenu.go=1 oMenu.css.left=oMenu.left()+move tim=setTimeout("mOut()",menuSpeed) }else{ oMenu.go=0 oMenu.state=0 } } /**************************************************************************** **** Miramos si la pagina contiene scroll ***************************************************************************** ***/ function checkScrolled(){ if(!oMenu.go) oMenu.css.top=eval(scrolled)+parseInt(ltop) if(n||ns6) setTimeout('checkScrolled()',30) } /**************************************************************************** **** Esta parte produce el menu y movimiento ***************************************************************************** ***/ function menuInit(){ oMenu=new makeMenu('divMenu') if (n||ns6) scrolled="window.pageYOffset" else if (ie) scrolled="document.body.scrollTop" oMenu.css.left=-oMenu.width+lshow if (n||ns6) ltop=oMenu.css.top else if (ie) ltop=oMenu.css.pixelTop oMenu.css.visibility='visible' if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled(); }

//Iniciando menu window.onload=menuInit; < /script> < /head> < body> < div id="divMenu" style="position:absolute; top:250; left:30;

visibility:hidden; background-color:F0F0F0"> < nobr> <a href="http://www.google.com">Google</a> <a href="http://www.yahoo.com">Yahoo</a> <a href="http://www.altavista.com/">Altavista</a> <a href="javascript://" onclick="moveMenu()" style="backgroundcolor:gree;text-decoration:none">MENU</a> < /nobr> < /div> < /body> < /html>

ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo

<!-- Inicio enlace Tutores.org --> <a title="Tutores.org - Simple menu dinamico" href="http://www.tutores.org/codigo/384/" target="_blank">Simple menu dinamico</a> < !-- Final enlace Tutores.org -->

COMENTARIOS jormaz 24-09-2007 10:13:52 Hola la idea de este scrip es muy buena pero creo que no funciona muy bien. En FFox con la etiqueta < !DOCTYPE HTML PUBLIC... sale desplagado. Adems sale en la parte de arriba(en IE FF y Opera) de la pgina cuando en el body al cargar el div "divmenu" pone <div id="divMenu" style="position:absolute; top:250; left:30; visibility:hidden; background-color:F0F0F0"> ...tendra que salir mas abajo no? Alguno sabe de un ejemplo similar que deplegue un div desde la izquierda como hace este men y que se pueda utilizar como columna de contenido extra que se pueda mostrar o ocultar con onclick? <!-- Codigo ofrecido por Tutores.org --> <SCRIPT FOR=window EVENT=onload LANGUAGE=Javascript> dissolver.filters[0].Apply(); dissolver.innerHTML = "<img src=/tutores/images/mundo.gif>"; dissolver.filters[0].Play(); < /script> < div id="dissolver" style="position:relative; width:347; height:330; top:20; left:30; filter:revealTrans

(transition=12,duration=8)"> < /div>

ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo

<!-- Inicio enlace Tutores.org --> <a title="Tutores.org - Efecto en imagen - Disolver" href="http://www.tutores.org/codigo/628/" target="_blank">Efecto en imagen - Disolver</a> < !-- Final enlace Tutores.org -->

COMENTARIOS Falstelo 19-04-2007 10:01:26 Hermoso y decepcionante. Hermoso porque funciona a la perfeccin en Internet Explorer; decepcionante porque no lo hace en absoluto con Firefox -o al menos eso me ha pasado a m-. Podra ese problema solucionarse de alguna manera? sircam As es el efecto esta bonito...pero solo en Explorer...en ningn otro navegador funciona.

<!-- Codigo ofrecido por Tutores.org --> <SCRIPT language="JavaScript1.2"> var imagem="/images/mundo.gif" if (document.layers) {document.write("<LAYER NAME='animacion' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")} else if (document.all){document.write("<div id='animacion' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")} conta=-1; move=1; function curva(){ abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6) for (i=0; i < abc.length; i++) {var C=Math.round(Math.random()*[i])} iniciar=abc[C]; setTimeout('curva()',1900); return iniciar; } ypos=10; xpos=10; movimento = 60; function moveR(){ camino=movimento+=iniciar; y = 4*Math.sin(camino*Math.PI/180); x = 6*Math.cos(camino*Math.PI/180);

if (document.layers){ ypos+=y; xpos+=x; document.animacion.top=ypos+window.pageYOffset; document.animacion.left=xpos+window.pageXOffset; } else if (document.all){ ypos+=y; xpos+=x; document.all.animacion.style.top=ypos+document.body.scrollTop; document.all.animacion.style.left=xpos+document.body.scrollLeft; } T=setTimeout('moveR()',50); } function edges(){ if (document.layers){ if (document.animacion.left >= window.innerWidth40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5); if (document.animacion.top >= window.innerHeight30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5); if (document.animacion.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.animacion.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK! } else if (document.all) { if (document.all.animacion.style.pixelLeft >= document.body.offsetWidth45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5); if (document.all.animacion.style.pixelTop >= document.body.offsetHeight35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5); if (document.all.animacion.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.all.animacion.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK! } setTimeout('edges()',100); } function movimiento(){ curva(); moveR(); edges(); } if (document.all||document.layers) movimiento() < /script> ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo

<!-- Inicio enlace Tutores.org --> < a title="Tutores.org - Imagen moviendose por pantalla" href="http://www.tutores.org/codigo/1102/" target="_blank">Imagen moviendose por pantalla</a> < !-- Final enlace Tutores.org -->

COMENTARIOS

Anda mungkin juga menyukai