Navigation coulissante de fondation
Résultats de traduction:
Foundation est utilisé pour développer des frameworks HTML, CSS et JavaScript réactifs.
Foundation est un framework facile à utiliser, puissant et flexible pour créer des applications Web sur n'importe quel appareil.
Foundation est un framework mobile first populaire.
Navigation coulissante de fondationsyntaxe
Description : La navigation coulissante hors toile devient progressivement de plus en plus populaire sur les pages mobiles (cliquez sur le bouton de menu pour faire glisser le menu vers la gauche)
Navigation coulissante de fondationexemple
<!DOCTYPE html> <html> <head> <title>Foundation 实例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.bootcss.com/foundation/5.5.3/css/foundation.min.css"> <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/foundation/5.5.3/js/foundation.min.js"></script> <script src="https://cdn.bootcss.com/foundation/5.5.3/js/vendor/modernizr.js"></script> </head> <body> <div class="off-canvas-wrap" data-offcanvas> <div class="inner-wrap"> <nav class="tab-bar"> <section class="left-small"> <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a> </section> <section class="middle tab-bar-section"> <h1 class="title">Off-canvas 实例</h1> </section> </nav> <aside class="left-off-canvas-menu"> <ul class="off-canvas-list test"> <li><label>Heading</label></li> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> <li><a href="#">Link 6</a></li> <li><a href="#">Link 7</a></li> <li><a href="#">Link 8</a></li> </ul> </aside> <section class="main-section"> <h3>PHP中文网</h3> <p>一个梦想起航的地方!!!</p> </section> <a class="exit-off-canvas"></a> </div> </div> <!-- 初始化 Foundation JS --> <script> $(document).ready(function() { $(document).foundation(); }) </script> </body> </html>
Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Recommandations populaires
- Un membre de la Fondation Ethereum explique son budget annuel de 100 millions de dollars et sa stratégie de vente d'ETH
- La Fondation Ethereum transfère 21,5 millions de dollars d’ETH vers Kraken, suscitant des spéculations de vente
- La Fondation Eigen accorde sa première subvention stratégique à la Fondation Celo
- Toile HTML
- La Haute Cour de Singapour ordonne à la Fondation Multichain d'indemniser la Fondation Fantom pour des pertes de piratage de 210 millions de dollars
- Vitalik Buterin divulgue les dépenses de la Fondation Ethereum (EF), y compris les subventions à la Fondation Nomic et L2BEAT