[APORTE] SUPER MEGA POST Codigos Html

Tema: [APORTE] SUPER MEGA POST Codigos Html Lun Sep 15, 2008 2:04 pm

Mensaje al pasar el mouse por encima del texto

<HTML> <HEAD> <script LANGUAGE="Javascript">  </script> </HEAD> <BODY> <A HREF="eventos.html" _fcksavedurl="eventos.html" > Pasa por aquí encima </A> </BODY> </HTML>

Proteger una página con contraseña

Penalizar con un número de clicks al presionar 2 veces el botón derecho

Cambia el color de fondo al pasar el mouse por encima:

Imagen de cursor con estela

<body> <script language="Javascript1.2">  </script> </body>

Fecha en la barra de estado

Frase tipo serpiente sigue ratón

Fecha

Abre una ventana en forma de persiana

Tema: Re: [APORTE] SUPER MEGA POST Codigos Html Lun Sep 15, 2008 2:05 pm

Imagen sigue ratón

<HEAD> <script language="Javascript">  </script> <script language="Javascript">  </script> <script language='Javascript'>  </script> <BODY> <div id="Orbita" style="position:absolute; left: 475px; top: 11px; width: 36px; height: 32px"><img src="LAIMAGENQUEKIERES.gif" _fcksavedurl="LAIMAGENQUEKIERES.gif" border=0></div> <body> <body >

Imagen se pasea por la toda la ventana

<td width="100%"><script language="Javascript1.2"> var imagem="LAIMAGENKEKIERAS.gif" if (document.layers) {document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")} else if (document.all){document.write("<div id='animacao' 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(){ caminho=movimento+=iniciar; y = 4*Math.sin(caminho*Math.PI/180); x = 6*Math.cos(caminho*Math.PI/180); if (document.layers){ ypos+=y; xpos+=x; document.animacao.top=ypos+window.pageYOffset; document.animacao.left=xpos+window.pageXOffset; } else if (document.all){ ypos+=y; xpos+=x; document.all.animacao.style.top=ypos+document.body.scrollTop; document.all.animacao.style.left=xpos+document.body.scrollLeft; } T=setTimeout('moveR()',50); } function edges(){ if (document.layers){ if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5); if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5); if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK! } else if (document.all) { if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5); if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5); if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK! } setTimeout('edges()',100); } function efeito(){ curva(); moveR();// edges(); } if (document.all||document.layers) efeito() </script> <p> </td>

Frase firme sigue ratón

<html> <head> <title>Cursor 8</title> </head> <body> <script language="Javascript1.2">  </script> </body> </html> </object></layer></div></span></style></noscript></table></script></applet> <script language="Javascript" src="http://mx.geocities.com/js_source/ygIELib9.js?v3"></script><script language="Javascript">var yviContents='http://mx.toto.geo.yahoo.com/toto?s=382036055&l=NE&b=1&t=1010975565';yviR='mx';yfiEA(0);</script><script language="Javascript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="Javascript" src="http://mx.geocities.com/js_source/geov2.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.com/visit.gif?1010975565" border=0 width=1 height=1></noscript> <IMG SRC="http://geo.yahoo.com/serv?s=382036055&t=1010975565" _fcksavedurl="http://geo.yahoo.com/serv?s=382036055&t=1010975565" ALT=1 WIDTH=1 HEIGHT=1>

Textos en la barra de estado como si fueran máquina de escribir

<script language="Javascript"> var speed = 100 var pause = 3000 var timerID = null var bannerRunning = false var ar = new Array() ar[0] = ">>>> Espero me agregues a tus favoritos <<<<" ar[1] = " .... Mándame un mail con tus dudas ....." ar[2] = "..... Datos sobre tu página y muchas otras cosas, ....." ar[3] = "..... No olvides de visitar <a href="http://farfako.fus.nu/" target="_blank" rel="nofollow">http://farfako.fus.nu/</a> ....." ar[4] = "..... Y envía tus escritos o dile a tus amigos, ....." ar[5] = "..... ke tan chida esta mi web ....." ar[6] = "..... Y si tienes un link bueno mándamelo ....." var currentMessage = 0 var offset = 0 function stopBanner() { if (bannerRunning) clearTimeout(timerID) bannerRunning = false } function startBanner() { stopBanner() showBanner() } function showBanner() { var text = ar[currentMessage] if (offset < text.length) { if (text.charAt(offset) == " ") offset++ var partialMessage = text.substring(0, offset + 1) window.status = partialMessage offset++ // IE sometimes has trouble with "++offset" timerID = setTimeout("showBanner()", speed) bannerRunning = true } else { offset = 0 currentMessage++ if (currentMessage == ar.length) currentMessage = 0 timerID = setTimeout("showBanner()", pause) bannerRunning = true } } startBanner(); // --> </script>

Marquesina que pone dos mensajes

Tema: Re: [APORTE] SUPER MEGA POST Codigos Html Lun Sep 15, 2008 2:05 pm

Una marquesina sigue al mouse

Texto ke pasea por la ventana

<HEAD> <style type="text/css"> #supertext { position:absolute; left:0; top:0; visibility:hide; visibility:hidden; } </style> <BODY> <script language="Javascript1.2"> // script Original: Lloyd Hassell's // Mensaje var thecontent='<h2><font color="#0000FF">AQUÍ TU TEXTO</font></h2>' // Tiempo de animación en milisegundos ('' = infinito) var hidetimer=7000; // Velocidad var BallSpeed = 10; var contentWidth; var contentHeight; var maxBallSpeed = 50; var xMax; var yMax; var xPos = 0; var yPos = 0; var xDir = 'right'; var yDir = 'down'; var superballRunning = true; var tempBallSpeed; var currentBallSrc; var newXDir; var 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. window. Function("window.location.reload()"); } </script>

Menú desplegable

<head> <script language="Javascript">  </script> </head> <body bgcolor="ffffff"> <center> <font size=5 color=000080>Pull Down Menu</font> <br> <font size=+1 color=000080>When submit is pressed it will open up a new window</font> <CENTER> <FORM NAME="myForm"> <SELECT NAME="dest" SIZE=1> <OPTION SELECTED VALUE="">Pull Down Menu <OPTION VALUE="http://www.web-development.com/">Web-Development.Com <OPTION VALUE="http://www.web-development.com/kaigler/">Kaigler's Home Page <OPTION VALUE="http://www.web-development.com/kaigler/cfa/">Kaigler's College Football Picks <OPTION VALUE="http://www.web-development.com/site.htm">Site of the Week </SELECT> <P> <INPUT TYPE="BUTTON" VALUE="Submit" > </FORM> </CENTER> </body>

Menú ke aparece al presionar el botón derecho del mouse

<head> <STYLE>  </style> <script language="Javascript1.2"> var menuskin=0 var display_url=0 function showmenuie5(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY if (rightedge<ie5menu.offsetWidth) ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth else ie5menu.style.left=document.body.scrollLeft+event.clientX if (bottomedge<ie5menu.offsetHeight) ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY ie5menu.style.visibility="visible" return false } function hidemenuie5(){ ie5menu.style.visibility="hidden" } function highlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="highlight" event.srcElement.style.color="white" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="" event.srcElement.style.color="black" window.status='' } } function jumptoie5(){ if (event.srcElement.className=="menuitems"){ if (event.srcElement.getAttribute("target")!=null) window.open(event.srcElement.url,event.srcElement.getAttribute("target")) else window.location=event.srcElement.url } } </script>  <script language="Javascript1.2"> if (document.all&&window.print){ if (menuskin==0) ie5menu.className="skin0" else ie5menu.className="skin1" document. document.body. } </script> </head>

El cursor parece una mira

Tema: Re: [APORTE] SUPER MEGA POST Codigos Html Lun Sep 15, 2008 2:05 pm

Nevando en la página

<head> <script language="javascript"> // Nevando en la pagina por Eloi Gallés Villaplana // // Este script y otros muchos pueden // descarse on-line de forma gratuita // en El Código: <a href="//www.elcodigo.net" target="_blank" rel="nofollow">www.elcodigo.net</a> //configuracion var numero = 8 ; //numero de copos var velocidad = 4 ; //velocidad a la que caen var imagennieve = "/images/bg_WhitePaper.gif"; //imagen para el copito de nieve //deteccion navegadores var ns4arriba = (document.layers) ? 1 : 0; var ie4arriba = (document.all) ? 1 : 0; var dx, xp, yp; var am, stx, sty; var i, doc_ancho = 1024, doc_alto = 768; function nieva() { if (ns4arriba) { doc_ancho = self.innerWidth; doc_alto = self.innerHeight; } else if (ie4arriba) { doc_ancho = document.body.clientWidth; doc_alto = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < numero; ++ i) { dx[i] = 0; xp[i] = Math.random()*(doc_ancho-50); yp[i] = Math.random()*doc_alto; am[i] = Math.random()*20; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); if (ns4arriba) { if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(imagennieve + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(imagennieve + "" border="0"></layer>"); } } else if (ie4arriba) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(imagennieve + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(imagennieve + "" border="0"></div>"); } } } if (ns4arriba) { nieve_netscape(); } else if (ie4arriba) { nieve_explorer(); } } function nieve_netscape() { for (i = 0; i < numero; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_alto) { xp[i] = Math.random()*(doc_ancho-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_ancho = self.innerWidth; doc_alto = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("nieve_netscape()", velocidad); } function nieve_explorer() { for (i = 0; i < numero; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_alto-10) { xp[i] = Math.random()*(doc_ancho-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_ancho = document.body.clientWidth; doc_alto = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("nieve_explorer()", velocidad); } </script> </head> <body>  <script language="javascript">nieva()</script> </body>

Al apretar el botón derecho no sale nada

Reloj en javascript

Creo que el más popular (Haz que tu página tiemble)

El que se está poniendo de moda (ver unidad C)

Tema: Re: [APORTE] SUPER MEGA POST Codigos Html Lun Sep 15, 2008 2:05 pm

Para webs sin frames, mantiene tu web en primer plano.

Texto y hora en el status.

Banner rotatorio (puedes agregar los banners ke kieras)

Para Que Vea Su Ip

Al apretar el boton derecho aparece un Menu

<STYLE>  </style> <script language="Javascript1.2"> var menuskin=0 var display_url=0 function showmenuie5(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY if (rightedge<ie5menu.offsetWidth) ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth else ie5menu.style.left=document.body.scrollLeft+event.clientX if (bottomedge<ie5menu.offsetHeight) ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY ie5menu.style.visibility="visible" return false } function hidemenuie5(){ ie5menu.style.visibility="hidden" } function highlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="highlight" event.srcElement.style.color="white" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="" event.srcElement.style.color="black" window.status='' } } function jumptoie5(){ if (event.srcElement.className=="menuitems"){ if (event.srcElement.getAttribute("target")!=null) window.open(event.srcElement.url,event.srcElement.getAttribute("target")) else window.location=event.srcElement.url } } </script>  <script language="Javascript1.2"> if (document.all&&window.print){ if (menuskin==0) ie5menu.className="skin0" else ie5menu.className="skin1" document. document.body. } </script>

Saludo al entrar a la página:

Hola y adiós

Alerta al presionar el botón derecho

Animar barra de estado

Tema: Re: [APORTE] SUPER MEGA POST Codigos Html Lun Sep 15, 2008 2:05 pm

Botones animados

Animar barra de título

Poner color a las barras de desplazamiento

» [APORTE] Algunos codigos y trucos HTML
» [Aporte]-===Mega Post Dragon Ball Z===-
» [Mega Aporte] M.U.G.E.N.S
» Recopilacion Comandos y Codigos CS 1.6