Template:Team:DukeMenu/CSS

From 2014.igem.org

(Difference between revisions)
Line 5: Line 5:
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
<link rel="stylesheet" type="text/css" href="css/scrollnavi.css">
 
<style media="screen" type="text/css">
<style media="screen" type="text/css">
/* Makes the square buttons for the menu */       
/* Makes the square buttons for the menu */       
Line 62: Line 61:
-
<script src="js/jquery.js"></script>
 
-
<script src="js/scroll_navi.js"></script>
 
-
<script>
 
-
  $(document).ready(function(){
 
-
    $("#nav").scroll_navi();
 
-
  });
 
-
</script>
 
-
 
-
 
-
<div id="nav">
 
-
            <div class="container">
 
-
            <ul>
 
-
                <li><a href="#section1">Section1</a></li>
 
-
                <li><a href="#section2">Section2</a></li>
 
-
                <li><a href="#section3">Section3</a></li>
 
-
                <li><a href="https://github.com/senthilraj/ScrollNaviJs#about-me" data-outerpage="true">About Developer</a></li>
 
-
            </ul>
 
-
            </div>
 
-
</div>
 
-
        <div id="section1">Section1</div>
 
-
        <div id="section2">Section2</div>
 
-
        <div id="section3">Section3</div>
 
</body>
</body>
</html>
</html>

Revision as of 21:20, 25 July 2014