Componentes Web

<style>
.normal{
background:#00CCFF;
color:blue;
padding-left: 25px;
padding-right: 25px;
}
.sobre{
background:#0066FF;
cursor:pointer;
color:white;
padding-left: 25px;
padding-right: 25px;

</style>

 

 

<script>
var listaImagenes = new Array();
var textos=[“Primera”,”Segunda”,”Tercera”,”Cuarta”];
var limite=textos.length;
var imagenes= [“cuarta”,”segunda”,”tercera”,”primera”];
for(i=0;i<=limite;i++){
listaImagenes[i]=new Image();
listaImagenes[i].src=imagenes[i]+’.jpg’;

}
function cambia(celda){
var objeto=document.getElementById(“image”);
objeto.src=listaImagenes[num].src;
num==0 ? celda.className=”normal” : celda.className=”sobre”;
}
</script>

 


<table border=”2″ align=”center”>
<tr>
<th colspan=”2″>Galeria de Imagenes
</tr>
<tr>
<td class=”normal” onmouseover=”cambia(1,this)” onmouseout=”cambia(0,this)”>Texto 1
<td rowspan=”3″ ><img src=”cuarta.jpg” id=”imagen”/><div id=”tmensaje” st></div>
<tr>
<td class=”normal” onmouseover=”cambia(2,this)” onmouseout=”cambia(0,this)”>Texto 2
<tr>
<td class=”normal” onmouseover=”cambia(3,this)” onmouseout=”cambia(0,this)”>Texto 3
</table>


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: