Foros del Web - Ver Mensaje Individual - Enlaces de un lado..., texto del otro (o htm)

KarlanKas · #3 (**permalink**) 29/08/2002, 02:55

Código:

&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
a{
color:white;
font:normal 12px/16px verdana;
text-decoration:none;
}
a:hover{
text-decoration:none;
color:#bbbb00;
}
table{
	background:navy;
	border: 1px solid White;
	 width:300px; 
	 height:400px;
	 color:white;
	 font:normal 12px/16px verdana;
	 }
td{
	border: 1px solid White;
	height:80px;
	}
&lt;/style&gt;
	&lt;title&gt;Prueba&lt;/title&gt;
	&lt;script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&gt;
var lapiz=&quot;El &lt;b&gt;lapicero&lt;/b&gt; se compone de una barra de grafito envuelta por un cilindro de madera. Tiene la gran ventaja de que se puede borrar sin dejar rastro de lo escrito.&quot;;
var boligrafo=&quot;El &lt;b&gt;boligrafo&lt;/b&gt; es un invento del siglo XX. revolucionó la escritura al ser una pluma sin plumín y por tanto mucho más resistente. Su inconveniente con respecto a la plunma es que éste no es recargable y el trazo es mucho menos elegante.&quot;;
var pluma=&quot;La &lt;b&gt;pluma&lt;/b&gt; recibe su nombre de los origenes de este elemento de escritura que consistía en una pluma de ganso debidamente cortada que se humedecía en tinta.&quot;;
var rotulador=&quot;El &lt;b&gt;rotulador&lt;/b&gt; Es un elemento del que no me apetece escribir nada.&quot;;
var defecto=&quot;Pase el ratón por encima de las distintas posibilidades para ver su descripción.&quot;;
function cambio(texto){
document.getElementById('explicacion').innerHTML=texto;
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body onload=&quot;cambio(defecto)&quot;&gt;
&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;#&quot; onmouseover=&quot;cambio(boligrafo)&quot; onmouseout=&quot;cambio(defecto)&quot;&gt;Bolígrafo&lt;/a&gt;&lt;/td&gt;
    &lt;td rowspan=&quot;4&quot; width=200 id=&quot;explicacion&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;a href=&quot;#&quot; onmouseover=&quot;cambio(pluma)&quot; onmouseout=&quot;cambio(defecto)&quot;&gt;Pluma&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;a href=&quot;#&quot; onmouseover=&quot;cambio(lapiz)&quot; onmouseout=&quot;cambio(defecto)&quot;&gt;Lápiz&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;a href=&quot;#&quot; onmouseover=&quot;cambio(rotulador)&quot; onmouseout=&quot;cambio(defecto)&quot;&gt;Rotulador&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;

Espero que te ayude!! Si quieres cualquier explicación dímelo!