Cursos

Simulados

P&R

Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos a sua colaboração.
Os doadores receberão material que não consta do site diretamente no e-mail. Programas, Simulados, Tutoriais, Dicas, etc.

Tutoriais JavaScript - 68
Tutorial para Criar um Menu Horizontal

Neste tutorial veremos como criar um menu horizontal que muda de cor ao passar o mouse sobre os botões.
Vejamos então o exemplo:
Nesse exemplo você poderá criar seus próprios links e alterar as cores ou criar submenus. Para isso vamos utilizar apenas um arquivo HTML:
Arquivo decimalParaHexa.html:
<!DOCTYPE html> <html lang="en"> <head> <title>Menu Horizontal</title> <style type="text/css"> .hovermenu ul{ font: bold 13px arial; padding-left: 0; margin-left: 0; height: 20px; } .hovermenu ul li{ list-style: none; display: inline; } .hovermenu ul li a{ padding: 2px 0.5em; text-decoration: none; float: left; color: black; background-color: #FFAAAA; border: 2px solid #FFFFAA; } .hovermenu ul li a:hover{ background-color: #FFE2FF; border-style: outset; } html>body .hovermenu ul li a:active{ border-style: inset; } </style> <script src='/google_analytics_auto.js'></script></head> <body> <h2>Como Criar um Menu Horizontal</h2> <div class="hovermenu"> <ul> <li><a href="https://simuladosetutoriais.com/programas.html">Programas</a></li> <li><a href="https://simuladosetutoriais.com/simulado-jscript.html">Simulados</a></li> <li><a href="https://simuladosetutoriais.com/livros.html">Livros</a></li> <li><a href="https://simuladosetutoriais.com/tut-jscript.html">Tutoriais</a></li> <li><a href="https://simuladosetutoriais.com/contato.html">Contato</a></li> </ul> </div> </body> </html>
Veja na imagem abaixo o resultado desse código::

<< Tutorial para Converter Números Decimais em Hexadecimais
Tutorial para Converter Graus Fahrenheit para Celsius >>

Tutoriais

Programas

Projetos

Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL

P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL

Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python

Projetos

Android
App Inventor 2
Arduino