Scribd Logo
Upload

Welcome to Scribd!

  • Webnav With Jscript

    Uploaded by

    Ako CSir ArtBeracute
    5 views2 pages
    k

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    k

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views2 pages

    Webnav With Jscript

    Uploaded by

    Ako CSir ArtBeracute
    k

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    In the DemoWeb folder, edit the JavaScript file Script.js.

    Add the following to the script:

    document.getElementById("nav01").innerHTML =
    "<ul id='menu'>" +
    "<li><a href='Index.html'>Home</a></li>" +
    "<li><a href='Customers.html'>Data</a></li>" +
    "<li><a href='About.html'>About</a></li>" +
    "</ul>";

    Addition to Site.css
    ul#menu {
    padding: 0;
    margin-bottom: 11px;
    }
    ul#menu li {
    display: inline;
    margin-right: 3px;
    }
    ul#menu li a {
    background-color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    color: #696969;
    border-radius: 4px 4px 0 0;
    }
    ul#menu li a:hover {
    color: white;
    background-color: black;
    }
    <!DOCTYPE html>
    <html>

    <head>
    <title>Our Company</title>
    <link href="Site.css" rel="stylesheet">
    </head>

    <body>

    <nav id="nav01"></nav>

    <div id="main">
    <h1>Welcome to Our Company</h1>
    <h2>Web Site Main Ingredients:</h2>

    <p>Pages (HTML)</p>
    <p>Style Sheets (CSS)</p>
    <p>Computer Code (JavaScript)</p>
    <p>Live Data (Files and Databases)</p>

    <footer id="foot01"></footer>
    </div>

    <script src="Script.js"></script>

    </body>
    </html>

    You might also like