Difference between revisions of "Template:TUST China/nav"

Line 1: Line 1:
−
<!DOCTYPE html>
 
−
<html lang="en">
 
−
<head>
 
−
    <meta charset="UTF-8">
 
−
    <title>nav</title>
 
−
    <link rel="stylesheet" href="css/navmain.css"/>
 
−
    <script src="js/jquery.min.js"></script>
 
−
</head>
 
 
<body>
 
<body>
 
<script type="text/javascript">
 
<script type="text/javascript">
Line 36: Line 28:
 
<div class="nav-container">
 
<div class="nav-container">
 
     <nav class="nav">
 
     <nav class="nav">
−
       
+
 
 
         <button class="navbar-control btn-nav" ">
 
         <button class="navbar-control btn-nav" ">
 
             <div class="bar arrow-top-r"></div>
 
             <div class="bar arrow-top-r"></div>
Line 140: Line 132:
 
</div>
 
</div>
 
</body>
 
</body>
−
</html>
 

Revision as of 16:07, 7 October 2018

<body> <script type="text/javascript"> 


   $(window).load(function() {

       $(".btn-nav").on("click tap", function() {



               $(".nav-main").toggleClass("showNav hideNav").removeClass("hidden");
           $(this).toggleClass("animated");
       });
       $(window).scroll(function(event){
           $(".btn-nav").removeClass("animated");
           $(".nav-main").addClass("hideNav").removeClass("hidden");

       });

   });

</script> <style> 

   #top_title{display:none;}
   #top_title{display:none;}
   #content{margin:0px;padding:0px; width:100%; }

</style> 

   <nav class="nav">

       <button class="navbar-control btn-nav" ">

       </button>

   </nav>

</div> </body>