localisation actuelle: Maison > Télécharger > Effets JS > Effets spéciaux CSS3 > code du menu déroulant de navigation du site officiel de Xiaomi imitation css3
code du menu déroulant de navigation du site officiel de Xiaomi imitation css3
Classer: Effets JS / Effets spéciaux CSS3 | Temps de libération: 2018-01-22 | visites: 1944 |
Télécharger: 63 |
Derniers téléchargements
Aquarium Fantastique
Filles en première ligne
Ailes d'étoiles
Petite Fée des Fleurs Paradis Féérique
Restaurant Histoire mignonne
Exploration de voyage à Shanhe
Amour et producteur
Le cerveau le plus puissant 3
Odd Dust : Damila
Jeune voyage vers l'Ouest 2
24 heuresClassement de lecture
- 1 Fonction Lambda avec GraalVM Native Image - Pièce assurant les démarrages à froid et à chaud en utilisant différents paramètres de mémoire Lambda
- 2 Comment compter les lignes dans une base de données Go ?
- 3 QUEL TRAÎNEMENT...
- 4 Comment transmettre des paramètres aux threads Java ?
- 5 Comment les instructions préparées peuvent-elles améliorer la sécurité de la base de données dans MySQL ?
- 6 Comment décoder []byte sous forme de chaînes dans Go JSON ?
- 7 Dragon Age: The Veilguard – Comment résoudre le casse-tête du domaine Dellamorte
- 8 Comment récupérer des données à partir de tables spécifiées dynamiquement dans des procédures stockées ?
- 9 Comment puis-je regrouper un tableau multidimensionnel selon plusieurs valeurs de colonne et additionner les valeurs d'une autre colonne ?
- 10 Comment insérer et sélectionner des types de géométrie PostGIS avec Gorm et EWKB ?
- 11 Comment créer des URL propres avec .htaccess ?
- 12 Pourquoi l'ajout direct à une tranche d'une carte Go ne fonctionne-t-il pas comme prévu ?
- 13 Que se passe-t-il lorsque vous supprimez une ligne parent dans MySQL ? Comprendre le comportement ON DELETE et les options par défaut.
- 14 dpvacm.dll – Qu'est-ce que dpvacm.dll ?
- 15 Pourquoi est-ce que j'obtiens une « référence non définie à « WinMain » » lorsque j'utilise wWinMain avec MinGW ?
Derniers tutoriels
-
- Aller au langage pratique GraphQL
- 1963 2024-04-19
-
- Premiers pas avec MySQL (Professeur Mosh)
- 1777 2024-04-07
-
- Mock.js | Axios.js | Json | Dix jours de cours de qualité
- 2594 2024-03-29
<title>css3仿小米官网导航下拉菜单代码</title>
<!-- 样式 -->
<style type="text/css">
*{marge : 0px;padding:0px;}
.nav {position : relative ; largeur : 994 px ; hauteur : 52 px ; arrière-plan : #404144 ; marge : 0 auto ;}
.nav li{list-style : aucun;float: left;line-height: 50px;}
.nav li a{display: block;text-decoration: none;color: #FFFFFF;padding: 0px 15px;font-family: "微软雅黑";}
.nav li a:hover .xs{display: block;}
.nav li a:hover {arrière-plan : #333333;}
.nav li a .xs{border:1px solid #cccccc;border-top:none;display: none;width:992px;background:#FFFFFF;position: absolue;top:50px;left:0px;}
.nav li a .xs .xiao {position: absolu; haut: -8px; bordure-gauche: 8px solide transparent; bordure droite: 8px solide transparent; bordure-bas: 8px solide #FFFFFF; largeur: 0px; hauteur: 0px ;z-index : 999;}
.nav li:nth-child(1) .xiao {gauche:20px;}
.nav li:nth-child(2) .xiao {gauche:98px;}
.nav li:nth-child(3) .xiao {gauche:177px;}
.nav li:nth-child(4) .xiao {gauche:255px;}
.nav li:nth-child(5) .xiao {gauche:348px;}
.nav li:nth-child(6) .xiao {gauche:427px;}
.nav li:nth-child(7) .xiao {gauche:496px;}
.nav li:nth-child(8) .xiao {gauche:576px;}
.nav li:nth-child(9) .xiao {gauche:646px;}
.nav li:nth-child(10) .xiao {gauche:706px;}
</style>
</tête>
<body><script src="/demos/googlegg.js"></script>
<br>
<div class="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">小米手机
<div class="xs">
<div class="xiao"></div>
<img src="img/1.jpg" />
</div>
</a></li>
<li><a href="#">红米
<div class="xs">
<div class="xiao"></div>
<img src="img/2.jpg" />
</div>
Il s'agit d'une solution CSS3 qui permet de créer des fichiers CSS3.