Menus

Felipe_C · #1 (**permalink**) 20/07/2002, 14:26

Hola!. Quisiera saber como puedo hacer un menu asi como el que tiene, foros del web. Cuando uno pasa el mouse se cabia de color,yo e hecho algunos asi pero con graficos .gif

No se si es DHTML o Java script,Por favor ayudenme!!!
Muchas gracias!!!

CORE · #2 (**permalink**) 20/07/2002, 16:43

Este lo pegas entre el <Head>

Código:

 &lt;script&gt;
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
function mClk(src) {
if(event.srcElement.tagName=='TD'){
src.children.tags('A')[0].click();
}
}
&lt;/script&gt;

Este lo pegan en el <Body>

Código:

&lt;table&gt; 
&lt;tr&gt;
&lt;td onclick=&quot;mClk(this);&quot; onmouseout=&quot;mOut(this,'#475B70');&quot; onmouseover=&quot;mOvr(this,'#729233');&quot; vAlign=&quot;center&quot; width=&quot;171&quot; style=&quot;border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1&quot; bgcolor=&quot;#475B70&quot; height=&quot;12&quot;&gt;&lt;a style=&quot;COLOR: rgb(255,255,255); TEXT-DECORATION: none&quot; href=&quot;index.html&quot;&gt;&lt;font face=&quot;Verdana&quot; size=&quot;1&quot;&gt;Regresar a Inicio&lt;/font&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;


&lt;tr&gt;
&lt;td onclick=&quot;mClk(this);&quot; onmouseout=&quot;mOut(this,'#475B70');&quot; onmouseover=&quot;mOvr(this,'#729233');&quot; vAlign=&quot;center&quot; width=&quot;171&quot; style=&quot;border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1&quot; bgcolor=&quot;#475B70&quot; height=&quot;1&quot;&gt;&lt;a style=&quot;COLOR: rgb(255,255,255); TEXT-DECORATION: none&quot; href=&quot;ventanaconstruir.htm&quot;&gt;&lt;font face=&quot;Verdana&quot; size=&quot;1&quot;&gt;Ir a Ventana de Construir&lt;/font&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;


&lt;tr&gt;
&lt;td onclick=&quot;mClk(this);&quot; onmouseout=&quot;mOut(this,'#475B70');&quot; onmouseover=&quot;mOvr(this,'#729233');&quot; vAlign=&quot;center&quot; width=&quot;171&quot; style=&quot;border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1&quot; bgcolor=&quot;#475B70&quot; height=&quot;1&quot;&gt;&lt;a style=&quot;COLOR: rgb(255,255,255); TEXT-DECORATION: none&quot; href=&quot;web27.htm&quot;&gt;&lt;font face=&quot;Verdana&quot; size=&quot;1&quot;&gt;Leccion  27&lt;/font&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;


&lt;/table&gt;