Team:NYMU-Taipei/TopBar

From 2014.igem.org

(Difference between revisions)
m
m
 
(14 intermediate revisions not shown)
Line 12: Line 12:
   cursor:pointer;
   cursor:pointer;
   font:15px Verdana;
   font:15px Verdana;
 +
  font-weight:bold;
   text-decoration:none;
   text-decoration:none;
   line-height:50px;
   line-height:50px;
}
}
-
div.navbt{
+
span.navbt{
   width:150px;
   width:150px;
   height:50px;
   height:50px;
Line 48: Line 49:
     $('.navbt1')
     $('.navbt1')
         .on('mouseover', function(){
         .on('mouseover', function(){
-
             $('#obj2').css({display:inline,top:10,left:300,});
+
             $('#obj2').css({opacity:1,top:10,left:300,});
             $('#obj2').stop(true).animate({
             $('#obj2').stop(true).animate({
                 top:5,
                 top:5,
Line 56: Line 57:
         .on('mouseout', function(){
         .on('mouseout', function(){
             $('#obj2').stop(true).animate({
             $('#obj2').stop(true).animate({
-
                 display:none;
+
                 opacity:0,
 +
            }, 200, 'easeOutSine');
 +
        });
 +
    $('.navbt2')
 +
        .on('mouseover', function(){
 +
            $('#obj3').stop(true).animate({
 +
                width:80,
 +
            }, 300, 'easeOutSine');
 +
        })
 +
        .on('mouseout', function(){
 +
            $('#obj3').stop(true).animate({
 +
                width:60,
             }, 300, 'easeOutSine');
             }, 300, 'easeOutSine');
         });
         });
Line 72: Line 84:
             }, 300, 'easeOutSine');
             }, 300, 'easeOutSine');
         });
         });
 +
    $(window).scroll(function (event){
 +
        var y = $(this).scrollTop();
 +
        $('#flow_div').css({
 +
            top:250+y,
 +
        });
 +
    });
});
});
</script>
</script>
Line 77: Line 95:
<nav class="navigation">
<nav class="navigation">
   <li>
   <li>
-
      <a>
+
<a href="https://2014.igem.org/Team:NYMU-Taipei/synthetic">
-
        <div class="navbt navbt1" style="margin-top:1px;">synthetic biology</div>
+
<span class="navbt navbt1" style="margin-top:1px;display:block;" >synthetic biology</span>
-
      </a>
+
</a>
   </li>
   </li>
   <li>
   <li>
-
      <a><div class="navbt navbt2" style="margin-top:-10px;">NYMU-Taipei</div>
+
<a href="https://2014.igem.org/Team:NYMU-Taipei/nymu">
-
      </a>   
+
<span class="navbt navbt2" style="margin-top:-10px;display:block;">NYMU-Taipei</span>
 +
</a>   
   </li>
   </li>
   <li>
   <li>
-
      <a><div class="navbt navbt3" style="margin-top:20px;">News</div>
+
<a href="https://2014.igem.org/Team:NYMU-Taipei/news">
-
      </a>
+
<span class="navbt navbt3" style="margin-top:20px;display:block;">News</span>
 +
</a>
   </li>
   </li>
</nav>
</nav>
</html>
</html>

Latest revision as of 12:04, 5 May 2014