communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel CSS > le corps du texte

Code de menu Div+Css(+Js) et outils de production_Échange d'expérience

WBOY

Libérer： 2016-05-16 12:10:07

original

1461 Les gens l'ont consulté

L'effet est proche de celui du menu Div+Css+Js de Flash

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>menu css</title>
<style> 
body{ 
background-color:#B8B8A0; 
} 
#fbtn{ 
display:none; 
overflow:hidden; 
border-style:solid; 
border-width:1px; 
border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56; 
padding:1 1 1 1; 
width:115px; 
height:30px; 
} 
#fbtn_txt{ 
position:relative; 
} 
#fbtn_txt div{ 
height:30px; 
padding-top:11px; 
font-size:12px; 
color:#800080; 
text-align:center; 
cursor:hand; 
} 
#fbtn_mask{ 
background-color:#ffffff; 
position:relative; 
width:100%; 
height:100%; 
} 
</style>

<div id="fbtn">
<div id="fbtn_mask"></div>
<div id="fbtn_txt">
<div>G1</div>
<div>Bonjour</div>
</div>
</div>

<div id="fbtn">
<div id="fbtn_mask"></div>
<div id="fbtn_txt">
<div>G2</div>
<div>bonsoir</div>
</div>
</div>

<div id="fbtn">
<div id="fbtn_mask"></div>
<div id="fbtn_txt">
<div>M1</div>
<div>je m'appelle Fireyy</div>
</div>
</div>

<div id="fbtn">
<div id="fbtn_mask"></div>
<div id="fbtn_txt">
<div>M2</div>
<div>mm mm je t'aime</div>
</div>
</div>

<div id="fbtn">
<div id="fbtn_mask"></div>
<div id="fbtn_txt">
<div>G1</div>
<div>Bonjour</div>
</div>
</div>

<div id="fbtn">
<div id="fbtn_mask"></div>
<div id="fbtn_txt">
<div>G2</div>
<div>bonsoir</div>
</div>
</div>

<div id="fbtn">
<div id="fbtn_mask"></div>
<div id="fbtn_txt">
<div>M1</div>
<div>je m'appelle Fireyy</div>
</div>
</div>

<div id="fbtn">
<div id="fbtn_mask"></div>
<div id="fbtn_txt">
<div>M2</div>
<div>mm mm je t'aime</div>
</div>
</div>

Étiquettes associées：

Div+Css(+Js)菜单代码及制作工具

source：php.cn

Article précédent：Résolvez le problème de la souris qui clignote constamment sur le lien flash (dans la page Web)_Échange d'expérience Article suivant：Avant d'atteindre le royaume du no H et du no F ~ Je dois encore souffrir ~ Je suis compatible avec le CSS de l'échange browser_Experience

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

Qu'est-ce qu'une NullPointerException et comment y remédier ?

2024-10-22 09:46:29
De novice à codeur : votre voyage commence par les principes fondamentaux du C

2024-10-13 13:53:41
Débloquer le développement Web avec PHP : guide du débutant

2024-10-12 12:15:51
Démystifier C : un chemin clair et simple pour les nouveaux programmeurs

2024-10-11 22:47:31
Libérez votre potentiel de codage : programmation C pour les débutants absolus

2024-10-11 19:36:51
Libérez votre programmeur intérieur : C pour les débutants absolus

2024-10-11 15:50:41
Automatisez votre vie avec C : scripts et outils pour les débutants

2024-10-11 15:07:41
PHP Made Easy : vos premiers pas dans le développement Web

2024-10-11 14:21:21
Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité

2024-10-11 12:59:11
La clé du codage : libérer la puissance de Python pour les débutants

2024-10-11 12:17:31

Derniers numéros

Afficher les panneaux latéraux masqués : coché J'aimerais avoir un menu de navigation dans le panneau latéral avec la possibilité de pass...

Depuis 2024-04-06 15:49:33

0

1

319

Rubriques connexes

Plus>

Recommandations populaires

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal