Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite! Feliz Natal!
Sou iniciante aqui no fórum e também em javascript,
Oque eu procuro é a criação deste menu:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img100.imageshack.us/img100/5518/menuprint.jpg&key=4c95352ad6e65bd92901c4fd42deb6cb45e1dfd39c5817570178f8f92345c11d" alt="menuprint.jpg" />
Este foi feito com imagens de sobreposição do dreamweaver,
Mas estou a procura de como fazer em tabelas.
Minha ideia era quando sobrepor o mouse alterasse a cor de fundo da coluna dando o mesmo efeito.
Alguem tem alguma sugestão?
oque tenho até agora:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img803.imageshack.us/img803/6186/menuprint2.jpg&key=60b9ab24759de2583c43d887a937d52ecb74ab6f91a4c0144f2c3c26d38789f3" alt="menuprint2.jpg" />
codigo:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head><title>Exemplo</title></head>
<body>
<table width="54%" height="12%" cellspacing="0" cellpadding="0">
<tr height="6%" bgcolor="#686868">
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:10pt;">Pagina Inicial</span>
</td>
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:10pt;">Pagina Inicial</span>
</td>
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:10pt;">Pagina Inicial</span>
</td>
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:10pt;">Pagina Inicial</span>
</td>
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:10pt;">Pagina Inicial</span>
</td>
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:10pt;">Pagina Inicial</span>
</td>
</tr>
<tr height="6%" bgcolor="#686868">
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:24pt; font-weight:bolder;">HOME</span>
</td>
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:24pt; font-weight:bolder;">HOME</span>
</td>
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:24pt; font-weight:bolder;">HOME</span>
</td>
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:24pt; font-weight:bolder;">HOME</span>
</td>
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:24pt; font-weight:bolder;">HOME</span>
</td>
<td width="9%" onMouseOver="javascript:this.style.backgroundColor='#1F62FF'" onMouseOut="javascript:this.style.backgroundColor='#686868'">
<span style="font-size:24pt; font-weight:bolder;">HOME</span>
</td>
</tr>
</table>
</body>
</html>att, Viniccios Paracelos
Carregando comentários...