anime suas páginas com esse menu. ele flutua pela sua página enquanto você
navega por ela.
para aplicá-lo, siga as instruções passo a passo:
1º passo:
clique aqui e salve o arquivo menuflutuante.js na pasta onde se encontra a
sua página.
2º passo:
agora, copie e cole o código abaixo entre as tags <body> e </body> do seu
código:
<div id="point1"
style="position:absolute;visibility:visible;">
<table width="100" border="1" bgcolor=#ababab
cellspacing="0" cellpadding="4">
<tr>
<td align=center bgcolor=#f2f2f2>
<font face=verdana size=2
color=#000000><strong>menu</strong></font>
</td>
</tr>
<tr>
<td align=center bgcolor=#f2f2f2>
<a href="link1.html"><font face=verdana size=2
color=#ff6600>link 1</font></a>
</td>
</tr>
<tr>
<td align=center bgcolor=#f2f2f2
<a href="link2.html"><font face=verdana size=2
color=#ff6600>link 2</font></a>
</td>
</tr>
<tr>
<td align=center bgcolor=#f2f2f2>
<a href="link3.html"><font face=verdana size=2
color=#ff6600>link 3</font></a>
</td>
</tr>
<tr>
<td align=center bgcolor=#f2f2f2>
<a href="link4.html"><font face=verdana size=2
color=#ff6600>link 4</font></a>
</td>
</tr>
<tr>
<td align=center bgcolor=#f2f2f2>
<a href="link5.html"><font face=verdana size=2
color=#ff6600>link 5</font></a>
</td>
</tr>
</table>
</div>
<script language="javascript" src="menuflutuante.js">
</script>
para personalizar seu script:
· os valores destacados em vermelho indicam a cor dos textos do menu.
· os valores destacados em azul indicam a cor das tabelas do menu.
· o valor destacado em verde indica o tamanho da tabela do menu.
· os valores destacados em laranja indicam os endereços do links no menu.
este script é compatível com ie, nestscape 4 e 6.
0 comentários:
Postar um comentário