Códigos HTML

BOTN ACTUALIZAR <form id="form_retry" action="/?
m=login" method="get"> <input type="submit" id="button_retry" class="submit" value="Reintentar" /> </form> MARCO <fieldset> </fieldset> MARCO CON LEYENDA <fieldset> <legend>Leyenda</legend> Texto </fieldest> AUMENTAR O DISMINUIR EL TAMAO DE LA PGINA <div id="fontsize"> <a href="/index.php" title="Aumentar" onclick="changeFontSize(2); return false;" ><img src="" title="Aumentar"></a> <a href="/index.php" title="Disminuir" onclick="changeFontSize(-2); return false ;"><img src="" title="Disminuir"></a> <a href="/index.php" title="Restaurar" onclick="recertStyles(); return false;">< img src="" title="Restaurar"></a> </div> CAMBIAR DE IMAGEN AL PASAR EL CURSOR POR ENCIMA <head> <script language="JavaScript"> function cambiar (flag,img) { if (document.images) { if (document.images[img].permitirloaded) { if (flag==1) document.images[img].src = document.images[img].permitir.src else document.images[img].src = document.images[img].permitir.oldsrc } } } function preloadcambiar (img,adresse) { if (document.images) { img.onload = null; img.permitir = new Image (); img.permitir.oldsrc = img.src; img.permitir.src = adresse; img.permitirloaded = true; } } </script> </head> <body> <a href="http://www.tuenti.com/" target="_blank" onMouseover="cambiar(1,'ID-ALEA TORIO');" onMouseout="cambiar(0,'ID-ALEATORIO');"> <img src="IMAGEN1.JPG" border=0 NAME="ID-ALEATORIO" onLoad="preloadcambiar(this, 'IMAGEN2.JPG');" ></a> </body> BOTN <input type="button" value="TEXTO QUE SE MOSTRAR"> MOSTRAR/OCULTAR CONTENIDO <script> function OTROID(enla , etik) {
obj = document.getElementById(etik); obj.style.display = (obj.style.display == 'block') ? 'none' : 'block'; enla.innerHTML = (enla.innerHTML == 'Ocultar') ? 'Mostrar' : 'Ocultar'; } </script> <a href="#" onclick="OTROID(this,'ID'); return false" />Mostrar</a></p> <div id="ID" style="display:none"> Este texto se ver cuando yo quiera </div> MOSTRAR CONTENIDO AL PASAR EL CURSOR <script type="text/javascript"> function mostrar(enla,etik) { obj = document.getElementById(etik); obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden'; } </script> <a href="#" onmouseover="mostrar(this,'ID'); return false" onmouseout="m ostrar(this,'capa'); return false">enlace</a> <div id="ID" style="visibility:hidden"> Este texto se ver cuando ponga el cursor sobre el enlace </div> GIRAR TEXTO <style type="text/css"> #texto { position:relative; width:100px; height:100px; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); } </style> <div id="texto">Texto rotado 270</div> SECUENCIA DE IMGENES <script language="javascript"> //Aqu cambia los nombres de las imgenes por las tuyas. var imagenes=new Array() imagenes[0]=new Image (380,288); imagenes[0].src="foto1.jpg" imagenes[1]=new Image (399,291); imagenes[1].src="foto2.jpg" imagenes[2]=new Image (248,289); imagenes[2].src="foto3.jpg" imagenes[3]=new Image (215,366); imagenes[3].src="foto4.jpg" cont=0 function presImagen() { if (document.all){ document.getElementById('foto').filters.blendTrans.apply() document.getElementById('foto').src=imagenes[cont].src document.getElementById('foto').filters.blendTrans.play() } else
{ document.images.foto.src = imagenes[cont].src } if (cont < imagenes.length-1) {cont ++} else {cont=0} tiempo=window.setTimeout('presImagen()',5000) //cada 5000 milisegundos (5 seg.) cambia la imagen. //cambia la cantidad por el tiempo que quieras que transcurra entre imagen e ima gen } </script> </head> <body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()"> <img id="foto" src="foto1.jpg" style="filter:blendTrans(duration=[b]3[/b])">  </body> MOSTRAR LA EDAD <script type="text/javascript"> function cuantosAnios(dia,mes,anio){ hoy=new Date(); nacido=new Date(anio,mes-1,dia); tiempo=hoy-nacido; unanio=1000*60*60*24*365; tienes=parseInt(tiempo/unanio); return tienes; } </script> Edad: <script>document.write(cuantosAnios(4,10,1993));</script> FUNCIONAMIENTO DEL ACTIVE Y DEL FOCUS EN CSS .imagen { border-radius:5px; border:1px solid grey; height:22px; background-image:url(IMAGEN.JPG); } //por defecto .imagen:hover { background-image:url(IMAGEN1.JPG); } //cursor encima .imagen:active { background-image:url(IMAGEN2.JPG); } //hacer click y mantener pulsado el botn del ratn .imagen:focus { background-image:url(IMAGEN2.JPG); } //hacer click y soltar el botn del ratn

Códigos HTML

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Códigos HTML

Enviado por

Direitos autorais:

Formatos disponíveis

BOTN ACTUALIZAR <form id="form_retry" action="/?

Você também pode gostar