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: 1891 |
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 Selon les rumeurs, DJI Neo deviendrait un drone FPV bon marché avec l'actualisation des DJI Goggles N3
- 2 cavemsrv.exe – Qu'est-ce que cavemsrv.exe ?
- 3 cascmp.dll – Qu'est-ce que cascmp.dll ?
- 4 capimonitor.exe – Qu'est-ce que capimonitor.exe ?
- 5 Commencer mon parcours de développeur : mon premier message sur la communauté DEV !
- 6 Les méthodes qui se chevauchent prennent en charge le polymorphisme
- 7 Haiku, inspiré de BeOS, se rapproche de la première version stable avec la version R1 Beta 5
- 8 Comprendre le rendu et le rerendu dans les applications React : comment ils fonctionnent et comment les optimiser
- 9 Où est le moteur de recherche sécurisé dans le navigateur Edge ? Comment modifier le moteur de recherche sécurisé dans le navigateur Edge ?
- 10 Dévoilement de DOTphin : un projet Polkadot NFT de pointe conçu pour les participants du Token 2049 à Singapour
- 11 ccclient.dll – Qu'est-ce que ccclient.dll ?
- 12 Vitalik Buterin à Token2049 : la chanson crypto et le discours sur la couche 2 d'Ethereum
- 13 YETI OURO (YETIO) - UNE NOUVELLE CRYPTO-MONNAIE DE JEU À FORT POTENTIEL
- 14 cbxqjkhh.dll – Qu'est-ce que cbxqjkhh.dll ?
- 15 BabyDoge (BABYDOGE) enregistre une augmentation de 16 %, grâce à l'annonce de la cotation de Binance
Derniers tutoriels
-
- Aller au langage pratique GraphQL
- 1628 2024-04-19
-
- Premiers pas avec MySQL (Professeur Mosh)
- 1525 2024-04-07
-
- Mock.js | Axios.js | Json | Dix jours de cours de qualité
- 2374 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.