- Códigos Útiles

Códigos Útiles

Códigos Útiles Para Tu Pagina Web

códigos útiles para tu Web espero que les sirva de algo

Descripción	Código

Texto rotando en el puntero del ratón.	<SCRIPT LANGUAGE="JavaScript"> <!-- Begin if (document.all) { //Escribe aquí el texto que quieres yourLogo = "Robney.Us - Portal De Musica Y Mucho Mas "; //Más de 2 letras logoFont = "Verdana"; logoColor = "336699"; //No tienes que modificar nada mas yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 100; logoHeight = -30; ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px;' +'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 20); } window.onload = animateLogo; } // End --> </SCRIPT>
Puntos volando sobre el puntero del ratón.	<layer NAME="a0" LEFT="10" TOP="10" VISIBILITY="SHOW" BGCOLOR="#008888" CLIP="0,0,3,3"> </layer> <layer NAME="a1" LEFT="10" TOP="10" VISIBILITY="SHOW" BGCOLOR="#888800" CLIP="0,0,3,3"> </layer> <layer NAME="a2" LEFT="10" TOP="10" VISIBILITY="SHOW" BGCOLOR="#880088" CLIP="0,0,3,3"> </layer> <layer NAME="a3" LEFT="10" TOP="10" VISIBILITY="SHOW" BGCOLOR="#880000" CLIP="0,0,3,3"> </layer> <layer NAME="a4" LEFT="10" TOP="10" VISIBILITY="SHOW" BGCOLOR="#008800" CLIP="0,0,3,3"> </layer> <layer NAME="a5" LEFT="10" TOP="10" VISIBILITY="SHOW" BGCOLOR="#000088" CLIP="0,0,3,3"> </layer> <layer NAME="a6" LEFT="10" TOP="10" VISIBILITY="SHOW" BGCOLOR="#000000" CLIP="0,0,3,3"> </layer> <script> var clr=new Array("880000","008800","000088","888800","880088","008888","000000") if (document.all){ document.write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') for (xy=0;xy<7;xy++) document.write('<div style="position:relative;width:3px;height:3px;background:#'+clr[xy]+';font-size:2px;visibility:visible"></div>') document.write('</div>') } if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var yAmpl = 10; var yMax = 40; var step = .2; var ystep = .5; var currStep = 0; var tAmpl=1; var Xpos = 1; var Ypos = 1; var i = 0; var j = 0; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4 ; xBase = window.innerWidth/4; } if (document.all) { var totaldivs=document.all.starsDiv.all.length for ( i = 0 ; i < totaldivs ; i++ ) { var tempdiv=document.all.starsDiv.all[i].style tempdiv.top = Ypos + Math.cos((20Math.sin(currStep/20))+i70)yBase(Math.sin(10+currStep/10)+0.2)Math.cos((currStep + i25)/10); tempdiv.left = Xpos + Math.sin((20Math.sin(currStep/20))+i70)xBase(Math.sin(10+currStep/10)+0.2)Math.cos((currStep + i25)/10); } } else if (document.layers) { for ( j = 0 ; j < 7 ; j++ ) { var templayer="a"+j document.layers[templayer].top = Ypos + Math.cos((20Math.sin(currStep/20))+j70)yBase(Math.sin(10+currStep/10)+0.2)Math.cos((currStep + j25)/10); document.layers[templayer].left =Xpos + Math.sin((20Math.sin(currStep/20))+j70)xBase(Math.sin(10+currStep/10)+0.2)Math.cos((currStep + j25)/10); } } currStep += step; setTimeout("animateLogo()", 15); } animateLogo(); </script>
Explosión como fuegos artificiales.	<script language="JavaScript1.2"> /* www.robney.us / var ns=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 amount=14; if (ns){ for (i=0; i < amount; i++) document.write("<LAYER NAME='nsstars"+i+"' LEFT=0 TOP=0 BGCOLOR='#000000' CLIP='0,0,1,1'></LAYER>"); } else if (ie4\|\|ns6){ document.write("<div id='ieCov' style='position:absolute;top:0px;left:0px'>"); document.write("<div style='position:relative'>"); for (i=0; i < amount; i++) document.write("<div id='iestars"+i+"' style='position:absolute;top:0px;left:0px;width:1;height:1;background:#ffffff;font-size:1;z-index:10'></div>"); document.write("</div></div>"); } Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff') sClrs=new Array('ffa500','00ff00','FFAAFF','fff000','fffffF') Xpos=300; Ypos=150; initialStarColor='00ff00'; step=5; currStep=0; explosionSize=120; function Fireworks(){ var WinHeight=(ns\|\|ns6)?window.innerHeight-100:window.document.body.clientHeight-100; var WinWidth=(ns\|\|ns6)?window.innerWidth-100:window.document.body.clientWidth-100; var Yscroll=(ns\|\|ns6)?window.pageYOffset:document.body.scrollTop; for (i=0; i < amount; i++){ if (ie4\|\|ns6) var layer=ns6?document.getElementById("iestars"+i).style : eval("iestars"+i).style; else if (ns) var layer=document.layers["nsstars"+i] var randCol=Math.round(Math.random()8); var randSz=Math.round(Math.random()2); layer.top = Ypos + explosionSizeMath.sin((currStep+i5)/3)Math.sin(currStep/100) layer.left= Xpos + explosionSizeMath.cos((currStep+i5)/3)Math.sin(currStep/100) if (currStep < 110){ if (ns){layer.bgColor=initialStarColor;layer.clip.width=1;layer.clip.height=1} else{layer.background=initialStarColor;layer.width=1;layer.height=1;layer.fontSize=1} } else{ if (ns){layer.bgColor=Clrs[randCol];layer.clip.width=randSz;layer.clip.height=randSz} else{layer.background=Clrs[randCol];layer.width=randSz;layer.height=randSz;layer.fontSize=randSz} } } if (currStep > 220) { currStep=0; Ypos = 50+Math.round(Math.random()WinHeight)+Yscroll; Xpos = 50+Math.round(Math.random()WinWidth); for (i=0; i < sClrs.length; i++) { var newIcol=Math.round(Math.random()i); } initialStarColor=sClrs[newIcol]; explosionSize=Math.round(80*Math.random()+100); } currStep+=step; setTimeout("Fireworks()",20); } Fireworks(); // --> </script>
Crea una frase con tu nombre al entrar.	<div align="center"> <center> <table border="0" cellspacing="0" cellpadding="4" style="border-collapse: collapse" bordercolor="#111111" width="100%"> <tr> <td width="734" align="center"> <p><font color="#0000FF" size="4" face="Verdana"><b> <script> <!-- // www.robney.us var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "") if (!caution \|\| (name + "=" + escape(value)).length <= 4000) document.cookie = curCookie else if (confirm("Cookie exceeds 4KB and will be cut!")) document.cookie = curCookie } function getCookie(name) { var prefix = name + "=" var cookieStartIndex = document.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length) if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)) } function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT" } } function fixDate(date) { var base = new Date(0) var skew = base.getTime() if (skew > 0) date.setTime(date.getTime() - skew) } var now = new Date() fixDate(now) now.setTime(now.getTime() + 31 * 24 * 60 * 60 * 1000) var name = getCookie("name") if (!name) name = prompt("Por Favor Teclea tu Nombre :", "Solo se te pedira una vez") setCookie("name", name, now) document.write("Bienvenido " + name + ", Robney.Us te da las gracias...") //--> </script> </td> </tr> </table> </center> </div>
Efecto extraordinario de frases.	<SCRIPT> /Robney.us/ // Set your messages. Add as many as you like var text=new Array() text[0]=" >>>> ...............ROBNEY.US" text[1]=" >>>> MUSICA" text[2]=" >>>> VIDEOS" text[3]=" >>>> TRUCOS" text[4]=" >>>> WEBMASTER" text[5]=" >>>> CÓDIGOS" // Set the font var textfont="Arial" // Set the font-size var textfontsize=16 // Set the font-color var textfontcolor="#ff0000" // Set the font-weight (values from 100 to 900) var textweight="900" //Robney.Us var textitalic="0" var message=new Array() var x_textposition=0 var y_textposition=0 var i_segments=Math.round(360/text.length) var i_grad=0 var grad=0 var colorrgbred var colorrgbgreen var colorrgbblue var windowwidth var windowheight var ns4=document.layers?1:0 var ns6=document.getElementById&&!document.all?1:0 var ie=document.all?1:0 if (textweight=="bold") {textweight=900} if (textweight=="normal") {textweight=100} if (textitalic=="italic") {textitalic=1} if (textitalic=="normal") {textitalic=0} for (i=0;i<=text.length-1;i++) { message[i]=text[i].replace(/'/g,"`") } translateintorgb() function translateintorgb() { var hexanewred=textfontcolor.substring(1,3) var hexanewgreen=textfontcolor.substring(3,5) var hexanewblue=textfontcolor.substring(5,7) colorrgbred=parseInt("0x"+hexanewred) colorrgbgreen=parseInt("0x"+hexanewgreen) colorrgbblue=parseInt("0x"+hexanewblue) } function initiate() { windowheight=parseInt(document.body.clientHeight)/2 windowwidth=parseInt(document.body.clientWidth)-40 for (i=0;i<text.length;i++) { var thisspan=eval("document.all.rotationstyle"+i) thisspan.style.posLeft=20 thisspan.style.posTop=0 } settexts() } function settexts() { for (i=0;i<text.length;i++) { var thisid="rotationobj"+i var thisspan=eval("rotationstyle"+i) thisspan.innerHTML= '<OBJECT ID="'+thisid+'" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+windowwidth+'px;height:'+2*windowheight+'px">'+ '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+ '<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+ '<PARAM NAME="Line0003" VALUE="SetFillColor('+colorrgbred+','+colorrgbgreen+','+colorrgbblue+')">'+ '<PARAM NAME="Line0004" VALUE="SetFont(''+textfont+'', '+textfontsize+', '+textweight+', '+textitalic+', 0, 0)">'+ '<PARAM NAME="Line0005" VALUE="Text(''+message[i]+'',0, 2, 0)">'+ '</OBJECT>' } for (i=0;i<text.length;i++) { var thisobj=eval("rotationobj"+i) thisobj.Rotate(0,i_grad,0) i_grad+=i_segments } startscroll() } function startscroll() { for (i=0;i<text.length;i++) { var thisobj=eval("rotationobj"+i) thisobj.Rotate(1,2,0) } timer=setTimeout("startscroll()",20) } if (ie) { for (i=0;i<text.length;i++) { var thisid="rotationstyle"+i var thisobjid="rotationobj"+i document.write("<SPAN ID='"+thisid+"' STYLE='position:absolute'>") document.write("<OBJECT ID='"+thisobjid+"' CLASSID='CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6'>") document.write("</OBJECT>") document.write("</SPAN>") onload=initiate } } </SCRIPT> <p align="center"><b><font face="Verdana" size="2">Robney.Us</font></b></p>
Cambia de colores el texto.	<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> <center><font color size="4" face="Verdana"><b>Cambia el Color cada determinado tiempo<br> puedes modificar los colores a tu gusto y el tiempo. </b></font> <p><font size="4" face="Verdana"><b>YoMaster.com</b></font></p> </center><br>
Bloqueo del botón derecho del ratón sin mensajes....	<script language="Javascript"> <!-- Begin document.oncontextmenu = function(){return false} // End --> </script>
Cambiar puntero del ratón	<style><!--BODY{CURSOR: url(http://www.robney.us/electrik.cur);}--></style>
Imágenes desintegran y cambian a los segundos estipulados.	<script language="JavaScript1.1"> <!-- //specify interval between slide (in mili seconds) var slidespeed=3000 //specify images var slideimages=new Array("images01.gif","images02.gif","images03.gif") //specify corresponding links var slidelinks=new Array("http://www.robney.us","http://www.robney.us","http://www.robney.us") var imageholder=new Array() var ie55=window.createPopup for (i=0;i<slideimages.length;i++){ imageholder[i]=new Image() imageholder[i].src=slideimages[i] } function gotoshow(){ window.location=slidelinks[whichlink] } //--> </script>
Iframe: Ver siempre la misma URL.	<FRAMESET rows="100%" BORDER=0 FRAMEBORDER=0 FRAMESPACING=0> <FRAME NAME="top" SRC="http://www.robney.us/gothic.php" NORESIZE></FRAMESET>
Mensaje al entrar en página de varias líneas.	<script LANGUAGE="LiveScript"> function checkAGE() { if (!confirm ("!!! Bienvenido a Robney.Us !!!n" + "____________________________n" + "n" + " El tema principal de esta página n" + "trata de códigos, ejemplos, consejos, n" + "y todo lo que se necesita para. n" + "crear páginas Web. n" + "n" + " También tenemos el apartado de Ocio n" + "donde podréis encontrar mogollón n" + "de Links a páginas muy interesantes n" + "y curiosas de la Red. n" + "n" + " También tenemos Links a curiosas n" + "animaciones, programas, juegos y n" + "todo lo que pueda entretenerte n" + "lo tenemos en el apartado de OCIO. n" + "n" + " Esperamos que sea de vuestro agrado n" + "y que vuelvas cada vez que quieras. n" + "n" + " Saludos de Robney. n" + "n" + "____________________n" ) ) history.go(-2); return " " } document.writeln(checkAGE()) </script>
Mensaje de al entrar y salir de página.	<BODY onLoad="alert('Bienvenido a mi web wWw.Robney.us');" onUnLoad="confirm('Gracias por tu visita, espero ke no sea la última');">

Muy Pronto Mucho Mas...!!

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis