|
|
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}} |