|
|
| Line 2: |
Line 2: |
| | | | |
| | <html> | | <html> |
| − | <head>
| |
| | | | |
| − | </head>
| |
| − | <body>
| |
| | | | |
| − | <div class="topnav" id="myTopnav">
| |
| − | <a href="#home">Home</a>
| |
| − | <a href="#news">News</a>
| |
| | | | |
| − |
| |
| − | <div class="dropdown" >
| |
| − | <button class="dropbtn">DropdownX</button>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="#">Link 1</a>
| |
| − | <a href="#">Link 2</a>
| |
| − | <a href="#">Link 3</a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a>
| |
| − | </div>
| |
| − |
| |
| − | <div style="padding-left:16px">
| |
| − | <h2>Responsive Topnav Example</h2>
| |
| − | <p>Resize the browser window to see how it works.</p>
| |
| − | </div>
| |
| − |
| |
| − | <script>
| |
| − |
| |
| − | /* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */
| |
| − | function myFunction() {
| |
| − | var x = document.getElementById("myTopnav");
| |
| − | if (x.className === "topnav") {
| |
| − | x.className += " responsive";
| |
| − |
| |
| − | } else {
| |
| − | x.className = "topnav";
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − | </body>
| |
| | </html> | | </html> |
| | {{Linkoping_Sweden/Footer}} | | {{Linkoping_Sweden/Footer}} |
