codigos html y javascript (buen post,muy facil de entender)

Codigos html!!!

Frase recorre a izquierda

<td
width="100%"><script language="JavaScript"><!--// Scroll var
MessageText = "Trucos H T M L para todos =D" var DisplayLength = 75 var
pos = 1 - DisplayLength; function ScrollInStatusBar(){ var scroll = "";
pos++; if (pos == MessageText.length) pos = 1 - DisplayLength; if
(pos<0) { for (var i=1; i<=Math.abs(pos); i++) scroll = scroll + "
"; scroll = scroll + MessageText.substring(0, DisplayLength - i + 1); }
else scroll = scroll + MessageText.substring(pos, pos + DisplayLength);
window.status = scroll; //Scrolling speed
setTimeout("ScrollInStatusBar()",10); } ScrollInStatusBar() //
--></script> <p> </td> <br /><a
href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Mensaje en la barra estatico

(<script
language="JavaScript"><!-- var barrabajo = 'RME lo mejor de lo
mejor'; function barra() { window.status = barrabajo; timerID=
setTimeout("barra()", 15); } // --></script><script
language="JavaScript"><!-- barra(); //
--></script><!--webbot bot="HTMLMarkup" endspan -->
<br /><a href="http://rme.es.tl" target="_self"><img
border="0" src="http://img.webme.com/pic/r/rme/pix.png" alt="RME
ES TL" tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Frase efecto maquina de escribir

<script
language="JavaScript"> var speed = 100 var pause = 3000 var timerID =
null var bannerRunning = false var ar = new Array() ar[0] =
">>>> Bienvenidos a <<<<" ar[1] = " Codigos
html, tutoriales, chat online, probador html...." ar[2] = "Intercambio
de link, noticias, encuestas...." ar[3] = "---- Nunca dejes de
visitarnos ----" ar[4] = "..... www.rme.es.tl ....." ar[5] =
">>>> Estamos creciendo <<<<" ar[6] = "Espero
que nos visites otra ves =D" 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><br
/><a href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>


Hora y fecha en la barra!

<script> var all; var
month; var period; var day; function time(){ var currentDate=new Date()
hour=currentDate.getHours() min=currentDate.getMinutes()
sec=currentDate.getSeconds() date=currentDate.getDate()
switch(currentDate.getMonth()){ case 0:month="Enero";break; case
1:month="Febrero";break; case 2:month="Marzo";break; case
3:month="Abril";break; case 4:month="Mayo";break; case
5:month="Junio";break; case 6:month="Julio";break; case
7:month="Agosto";break; case 8:month="Septiembre";break; case
9:month="Octubre";break; case 10:month="Noviembre";break; case
11:month="Diciembre";break; } switch(currentDate.getDay()){ case
0:day="Domingo";break; case 1:day="Lunes";break; case
2:day="Martes";break; case 3:day="Miercoles";break; case
4:day="Jueves";break; case 5:day="Viernes";break; case
6:day="Sabado";break; } if(sec<10){sec="0"+sec}
if(min<10){min="0"+min} if(hour>12){hour-=12;period="pm"} else
{period="am"} if(currentDate.getHours()==12){period="pm"}
if(currentDate.getHours()==24){period="am"} var all="Hoy es: "+day+",
"+date+"de "+month+". La hora es: "+hour+":"+min+":"+sec+period
window.status=all window.setTimeout("time()",300) } time()
</script> <br /><a href="http://rme.es.tl"
target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Doble mensaje en la barra

<script
language="JavaScript"> / puchtit=" <<<
>>> "; letrero1=" Códigos para Web Masters "; letrero2="
Trucos - Tutoriales - Chat ";ultimo1=letrero1.length-1;
ultimo2=letrero2.length-1; tiempo=setTimeout("scroll()",50); function
scroll() { aux1=letrero1.charAt(ultimo1-1);
letrero1=aux1+letrero1.substring(0,ultimo1-1); aux2=letrero2.charAt(0);
letrero2=letrero2.substring(1,ultimo2+1)+aux2; window.status="(" +
letrero2 + puchtit + letrero1 + ""; tiempo=setTimeout("scroll()",50);
return true; } // --> </script><br /><a
href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

pop up Desde un boton

<input name="button"
type="button" onClick_fckprotectedatt="
onClick="window.open('DIRECCION', 'popup', 'height=400,width=400')""
value="prueba"><br /><a href="http://rme.es.tl"
target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Cerrar ventana tras x segundo

<script
language="javascript">setTimeout("self.close();",7000)</script><br
/><a href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>


Funcion confirmar
<script
language="JavaScript"> <!-- www.rme.es.tl> function checkAGE() {
if (!confirm ("Bievenido a RME. Si quieres entrar apreta ok, sino
Cancel. Fácil eh?") history.go(-1);return " "}
document.writeln(checkAGE()) // --> </script><br /><a
href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Enlace en la pagina anterior

<A
HREF="javascript:history.back()"
_fcksavedurl="javascript:history.back()">Atrás, volver o el texto que
queráis</A><br /><a href="http://rme.es.tl"
target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Saludo visitante

<html> <!Mas codigos
en www.rme.es.tl> <head><script LANGUAGE="JavaScript">
<!--BEGIN Script var expDays = 30; var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function
Who(info){ var VisitorName = GetCookie('VisitorName') if (VisitorName ==
null) { VisitorName = prompt("Como te llamas?"; SetCookie
('VisitorName', VisitorName, exp); } return VisitorName; } function
When(info){ var rightNow = new Date() var WWHTime = 0; WWHTime =
GetCookie('WWhenH') WWHTime = WWHTime * 1 var lastHereFormatting = new
Date(WWHTime); var intLastVisit = (lastHereFormatting.getYear() *
10000)+(lastHereFormatting.getMonth() * 100) +
lastHereFormatting.getDate() var lastHereInDateFormat = "" +
lastHereFormatting; var dayOfWeek = lastHereInDateFormat.substring(0,3)
var dateMonth = lastHereInDateFormat.substring(4,11) var timeOfDay =
lastHereInDateFormat.substring(11,16) var year =
lastHereInDateFormat.substring(23,25) var WWHText = dayOfWeek + ", " +
dateMonth + " at " + timeOfDay SetCookie ("WWhenH", rightNow.getTime(),
exp) return WWHText } function Count(info){ var WWHCount =
GetCookie('WWHCount') if (WWHCount == null) { WWHCount = 0; } else{
WWHCount++; } SetCookie ('WWHCount', WWHCount, exp); return WWHCount; }
function set(){ VisitorName = prompt("como te llamas"; SetCookie
('VisitorName', VisitorName, exp); SetCookie ('WWHCount', 0, exp);
SetCookie ('WWhenH', 0, exp);
document.location="http://www.terra.es/personal8/webtrucos"; } function
getCookieVal (offset) { var endstr = document.cookie.indexOf (";",
offset); if (endstr == -1) endstr = document.cookie.length; return
unescape(document.cookie.substring(offset, endstr)); } function
GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen
= document.cookie.length; var i = 0; while (i < clen) { var j = i +
alen; if (document.cookie.substring(i, j) == arg) return getCookieVal
(j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; }
return null; } function SetCookie (name, value) { var argv =
SetCookie.arguments; var argc = SetCookie.arguments.length; var expires =
(argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] :
null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc
> 5) ? argv[5] : false; document.cookie = name + "=" + escape (value)
+ ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" :
("; domain=" + domain)) + ((secure == true) ? "; secure" : ""; }
function DeleteCookie (name) { var exp = new Date(); exp.setTime
(exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name
+ "=" + cval + "; expires=" + exp.toGMTString(); } // End -->
</script> <title>www.rme.es.tl</title> <base
target="leftframe"></base> </head> <body
BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000"
<!--content start--> <table WIDTH="96%" BORDER="0"
CELLSPACING="5" CELLPADDING="5"> <tr> <p
align="center"><script LANGUAGE="JavaScript">
document.write("Hola " + Who() + ". usted ha estado en esta pagina " +
Count() + " veces. la zltima vez que nos visits fue " + When() +".";
</script> </p> </tr> </table> <!--content
stop--> </body> </html><br /><a
href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Preguntar la edad al entrar

html> <head>
<title>www.RME.es.tl</title> <script
language="javascript"> var agePrompt=prompt("Cual es tu edad?"; if
(agePrompt>=18) alert('Eres mayor de edad,bienvenido!!') else {
alert('lo siento,vuelve en unos cuantos años!')
document.location="http://tumundomu.es.tl"; } </script> <base
target="leftframe"></base> </head> <body
BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000"
<!--content start--> <p align="center"><img
src="http://rme.es.tl" _fcksavedurl="http://rme.es.tl" alt="Eres mayor
de edad estas bienvenido"></p> <table WIDTH="96%" BORDER="0"
CELLSPACING="5" CELLPADDING="5"> <tr> <p></font>
</p> </body> </html><br /><a
href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Fondo intermitente

<script
language="JavaScript"> < var backColor = new Array(); // don't
change this // velocidad (in milliseconds). var dwellTime = 500; //
Poner los colores que deseas usar. el ultimo // backColor[4] sera el
color definitivo de la // pagina. backColor[0] = '#FF0000'; backColor[1]
= '#33ff33'; backColor[2] = '#3333ff'; backColor[3] = '#ffff00';
backColor[4] = '#FFFFFF'; function flashBG(whichColor){ document.bgColor
= backColor[whichColor]; } var t = null; var d = dwellTime; t =
setTimeout('flashBG(0)',(d-d)); t = setTimeout('flashBG(1)',(d)); t =
setTimeout('flashBG(2)',(d*2)); t = setTimeout('flashBG(3)',(d*3)); t =
setTimeout('flashBG(4)',(d*4)); t = null; //-->
</script>Bienvenidos a RME<br /><a
href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>


Poner musica de fondo

<BGSOUND SRC="aca el
sonido" LOOP=none> <WIDTH=200 HEIGHT=55 AUTOSTART="true"
LOOP="false" HIDDEN="true"><br /><a href="http://rme.es.tl"
target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Subrayar link al pasar el mause

<STYLE type="text/css">
<!-- A:link {COLOR: red; TEXT-DECORATION: none} A:visited {COLOR:
gray; TEXT-DECORATION: none} A:active {TEXT-DECORATION: none} A:hover
{COLOR: blue; TEXT-DECORATION: underline} --> </STYLE>
</p> <p><a href="l1.htm" _fcksavedurl="l1.htm">El
texto que quieras.</a><br> <a href="l2.htm"
_fcksavedurl="l2.htm">otro texto.</a><br> <a
href="l3.htm" _fcksavedurl="l3.htm">Otro texto.</a><br>
</p><br /><a href="http://rme.es.tl"
target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Tranformar cursor en mira

<style type="text/css">
<!-- body { cursor: crosshair} --> </style><br
/><a href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Menu desplegable con opcion

<FORM> <INPUT
TYPE=button VALUE="Pulsa para ir a"
onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value">
<SELECT NAME="list"> <OPTION
VALUE=http://www.rme.es.tl>Pagina Principal <OPTION
VALUE="http://www.tupagina.com">Tupagina </SELECT>
</FORM<br /><a href="http://rme.es.tl"
target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

menu explicativo

<p> <script
language="JavaScript"><!-- function
escribe(frase){document.desplaza.cuadro.value=frase; } //
--></script> </p> <table border="0"> <tr>
<td width="200"><p
align="center"><strong>OPCIONES</strong></p>
<p><a href="http://www.rme.es.tl"
_fcksavedurl="http://www.rme.es.tl" onmouseover="escribe(' HOMEn
----------------nn Ir a la web');">HOME</a><br> <a
href="http://www.tupagina.com" _fcksavedurl="http://www.tupagina.com"
onmouseover="escribe(' IR A tu paginan -----------nn Diviértete con tu
pagina');">Tu pagina</a><br> <a
href="http://www.rme.es.tl/encuesta.htm"
_fcksavedurl="http://www.rme.es.tl/encuesta.htm" onmouseover="escribe('
encuestasn -------------- nn vota en las encuestas de
RME');">Encuestas</a><br> </p> </td>
<td><form name="desplaza"> <p><textarea
name="cuadro" rows="8" cols="30" wrap="physical"><br /><a
href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Menu que cambia de color
<style type="text/css">
<!-- .menu {font-family:Verdana; font-size:7pt; font-weight:bold}
--> </style> <script language="javascript"> <!--
function movein(which,html){ which.style.background='red'
description.innerHTML=html } function moveout(which){
which.style.background='coral' description.innerHTML=' ' }
--> </script> <table bgcolor="white" border="1"
bordercolor="black" cellpadding="2" cellspacing="0"> <tr>
<td class="menu" bordercolor="red" id="choice1"
style="background-color:black; cursor:hand"
onmouseover_fckprotectedatt=" onmouseover="movein(choice1,'La web de los
trucos')"" onmouseout_fckprotectedatt=" onmouseout="moveout(choice1)""
onclick_fckprotectedatt="
onclick="location.href='http://www.rme.es.tl'"">
Trucos</td></tr> <td class="menu" bordercolor="red"
id="choice2" style="background-color:black; cursor:hand"
onmouseover_fckprotectedatt=" onmouseover="movein(choice2,'Pagina de
pruebas')"" onmouseout_fckprotectedatt=" onmouseout="moveout(choice2)""
onclick_fckprotectedatt="
onclick="location.href='http://www.pontupagina.com'"">
Tupagina</td></tr> <td class="menu" bordercolor="red"
id="choice3" style="background-color:black; cursor:hand"
onmouseover_fckprotectedatt=" onmouseover="movein(choice3,'La web de
Jagoper')"" onmouseout_fckprotectedatt=" onmouseout="moveout(choice3)""
onclick_fckprotectedatt="
onclick="location.href='http://www.tumundomu.ar.tc'"">TuMundoMu</td></tr>
<td class="menu" bordercolor="red" id="choice4"
style="background-color:black; cursor:hand"
onmouseover_fckprotectedatt=" onmouseover="movein(choice4,'Disney')""
onmouseout_fckprotectedatt=" onmouseout="moveout(choice4)""
onclick_fckprotectedatt="
onclick="location.href='http://www.habbo.es'"">habbo</td></tr>
<tr> <td bordercolor="green" bgcolor="green"
height="18"><font id="description" face="Verdana"
size="1"></font></td></tr> </table> <br
/><a href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Terremoto en la pantalla

<BODY> <script
language="JavaScript1.2"> function tremer(n) { if (self.moveBy) { for
(i = 10; i > 0; i--) { for (j = n; j > 0; j--) {
self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i);
self.moveBy(-i,0); }}}} tremer(5) </script> </BODY><br
/><a href="http://rme.es.tl" target="_self"><img border="0"
src="http://img.webme.com/pic/r/rme/pix.png" alt="RME ES TL"
tis.com/Pix.png" alt="wWw.RmE.eS.tL" id="wWw.RmE.eS.tL"
title="wWw.RmE.eS.tL" longdesc="wWw.RmE.eS.tL" /></a><br
/>

Te dejamos un chat para!! chatear y divertirse




link:


Bueno este post se va a ir editando cada semana con mas codigos html!! si no entiendes algo comentalo o habla por el chat!! los que habremm y cierran el chat son los simbolos : cambien las caritas !!!! yo no las puedo quitaraa