"
Team:NYMU-Taipei/TopBar
From 2014.igem.org
(Difference between revisions)
| Line 15: | Line 15: | ||
line-height:50px; | line-height:50px; | ||
} | } | ||
| - | div. | + | div.navbt_in{ |
width:150px; | width:150px; | ||
height:50px; | height:50px; | ||
| Line 24: | Line 24: | ||
box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5); | box-shadow:4px 4px 3px rgba(20%,20%,40%,0.5); | ||
cursor:pointer; | cursor:pointer; | ||
| + | } | ||
| + | div.navbt_in, div.navbt_out { | ||
margin:12px; | margin:12px; | ||
} | } | ||
| Line 33: | Line 35: | ||
<script type="text/javascript" language="javascript"> | <script type="text/javascript" language="javascript"> | ||
$( document ).ready(function() { | $( document ).ready(function() { | ||
| - | $('. | + | $('.navbt_in') |
.on('mouseover', function(){ | .on('mouseover', function(){ | ||
$(this).stop(true).animate({ | $(this).stop(true).animate({ | ||
| Line 54: | Line 56: | ||
<li> | <li> | ||
<a> | <a> | ||
| - | <div class=" | + | <div class="navbt_out" style="margin-top:1px;"><div class="navbt_in">synthetic biology</div><div> |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
| - | <a><div class=" | + | <a><div class="navbt_out" style="margin-top:-10px;"><div class="navbt_in">NYMU-Taipei</div><div> |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
| - | <a><div class=" | + | <a><div class="navbt_out" style="margin-top:20px;"><div class="navbt_in">News</div></div> |
</a> | </a> | ||
</li> | </li> | ||
</nav> | </nav> | ||
</html> | </html> | ||
Revision as of 09:33, 11 April 2014