JavaScript

Los códigos JavaScript de este sitio se han obtenido de páginas de "libre descarga de contenidos y programación", y han sido modificados según haya sido necesario para aplicarlos en esta web. Al ser de procedencia libre, y dado que con ver el código fuente de cualquier página web puedes obtenerlo de igual manera (aunque un poco más lioso), aquí publico los Scripts que he usado con el fin de dejar el código libre para que también puedas utilizarlo si lo necesitas. Algunos de ellos se han sustituidos por elementos Flash, de propia creación o libre descarga también.


Este es el contenido JavaScript que había en la página inicio.php, el cual se refería al efecto de cambio de color al pasar el puntero del ratón sobre los "textos en imagen" bajo el título "+ SOBRE MI Y ESTA WEB:"

<HTML>
 <BODY>
  <A HREF="historia.php" target="_blank"> <IMG SRC="/attachments/Image/H.PNG" onmouseover=this.src="/attachments/Image/H2.PNG" onmouseout=this.src="/attachments/Image/H.PNG" border=0> </A>
  <A HREF="faq.php" target="_blank"> <IMG SRC="/attachments/Image/F.PNG" onmouseover=this.src="/attachments/Image/F2.PNG" onmouseout=this.src="/attachments/Image/F.PNG" border=0> </A>
  <A HREF="visitas.php" target="_blank"> <IMG SRC="/attachments/Image/V.PNG" onmouseover=this.src="/attachments/Image/V2.PNG" onmouseout=this.src="/attachments/Image/V.PNG" border=0> </A>
 </BODY>
</HTML>


Este es el contenido que había en la página descarga.php, bajo el título "DESCÁRGATE LAS SESIONES DE:", que contiene el efecto gráfico anterior, pero implementado en una tabla de 1 fila / 2 celdas creada con JavaScript.

<html>
<table id="Djs" cellspacing="2" border="0">
  <tbody>
    <tr>
      <td>
<A HREF="ddn.php"><IMG SRC="/attachments/Image/N.PNG" onmouseover=this.src="/attachments/Image/N2.PNG" onmouseout=this.src="/attachments/Image/N.PNG" border=0>
</A>
     </td>
      <td>
<A HREF="dkd.php"><IMG SRC="/attachments/Image/K.PNG" onmouseover=this.src="/attachments/Image/K2.PNG" onmouseout=this.src="/attachments/Image/K.PNG" border=0>
</A>
       </td>
    </tr>
  </tbody>
</table>


Este es el contenido JavaScript de la página covers.php, para efectuar el cambio automático de tamaño de las imágenes cuando pasa el puntero sobre ellas.

<HTML>
 <SCRIPT LANGUAGE="JavaScript">
  function moveres(imga,w,h,imgb,y,z) {
   document[imga].width=w;
   document[imga].height=h;
   document[imgb].width=y;
   document[imgb].height=z;
  }
 </SCRIPT>
 <table>
  <tr>
   <td valign=top>
    <A onmouseover="moveres('pccd1','476','456','pcbd1','172','164')"onmouseout="moveres('pccd1','324','310','pcbd1','324','310')">
    <img name="pccd1" src="attachments/Image/PC-CD1.png" width=324 height=310></A>
   </td>
   <td valign=top>
    <A onmouseover="moveres('pccd1','172','164','pcbd1','476','456')"onmouseout="moveres('pccd1','324','310','pcbd1','324','310')">
    <img name="pcbd1" src="attachments/Image/PC-BCD1.png" width=324 height=310></A>
   </td>
  </tr>
 </table>
</HTML>
Portada
Blog
Fotos
Links
Descargas
JavaScript