Speed up development with full-stack environments for every branch.

Learn More

Create a horizontal navigation menu bar using jQuery

83443 Runs 152142 Views 107977 Copies
Saved

Saved

Tpojka 2

Tpojka
published 4 years ago

    <!doctype html>
    <html>
      <head>
        <!-- Load jQuery from Google's CDN -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
      <!-- Source our javascript file with the jQUERY code -->
        <script src="script.js"></script>
        <link rel="stylesheet" href="runnable.css" />
      </head>
      <body>
        <!-- Use this navigation div as your menu bar div -->
      	<div class="navigation">
      		<ul class="nav">
      			<li>
      				<a href="#">Home</a>
      			</li>
      			<li>
      				<a href="#">Services</a>
      				<ul>
      					<li><a href="#">Consulting</a></li>
      					<li><a href="#">Sales</a></li>
      					<li><a href="#">Support</a></li>
      				</ul>
      			</li>
      			<li>
      				<a href="#">About Us</a>
      				<ul>
      					<li><a href="#">Company</a></li>
      					<li><a href="#">Mission</a></li>
      					<li><a href="#">Contact Information</a></li>
      				</ul>
      			</li>
      		</ul>
      	</div>
      </body>
    </html>
    Please login/signup to get access to the terminal.

    Your session has timed out.

    Dismiss (the page may not function properly).