"
Team:HZAU-China/Team
From 2013.igem.org
(Difference between revisions)
| Line 79: | Line 79: | ||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| - | var changeH=$(".item- | + | var changeH=$(".item-t").outerHeight();//变化的高度 |
$(".itemwrap .item").each(function(index){ | $(".itemwrap .item").each(function(index){ | ||
$(this).hover(function(){ | $(this).hover(function(){ | ||
//mouseenter代码段 | //mouseenter代码段 | ||
| - | $(this).find(".item- | + | $(this).find(".item-t").stop(true).animate({"margin-top":-changeH},300); |
},function(){ | },function(){ | ||
//mouseleave代码段 | //mouseleave代码段 | ||
| - | $(this).find(".item- | + | $(this).find(".item-t").stop(true).animate({"margin-top":0},300); |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
}); | }); | ||
| Line 120: | Line 105: | ||
<div class="itemwrap"> | <div class="itemwrap"> | ||
<div class="item"> | <div class="item"> | ||
| - | <div class="item- | + | <div class="item-t1"><p style="font-family:Arial,Helvetica,sans-serif;font-size:25px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="">MEMBERS</a></p></div> |
| - | <div class="item- | + | <div class="item-b1"><p style="font-family:Arial,Helvetica,sans-serif;font-size:25px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="">MEMBERS</a></p></div> |
</div> | </div> | ||
</div> | </div> | ||
| Line 127: | Line 112: | ||
<div class="itemwrap"> | <div class="itemwrap"> | ||
<div class="item"> | <div class="item"> | ||
| - | <div class="item- | + | <div class="item-t2"><p style="font-family:Arial,Helvetica,sans-serif;font-size:25px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="">INSTRUCTORS</a></p></div> |
| - | <div class="item- | + | <div class="item-b2"><p style="font-family:Arial,Helvetica,sans-serif;font-size:25px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="">INSTRUCTORS</a></p></div> |
</div> | </div> | ||
</div> | </div> | ||
| Line 134: | Line 119: | ||
<div class="itemwrap"> | <div class="itemwrap"> | ||
<div class="item"> | <div class="item"> | ||
| - | <div class="item- | + | <div class="item-t1"><p style="font-family:Arial,Helvetica,sans-serif;font-size:25px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="">ATTRIBUTIONS</a></p></div> |
| - | <div class="item- | + | <div class="item-b1"><p style="font-family:Arial,Helvetica,sans-serif;font-size:25px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="">ATTRIBUTIONS</a></p></div> |
</div> | </div> | ||
</div> | </div> | ||
| Line 141: | Line 126: | ||
<div class="itemwrap"> | <div class="itemwrap"> | ||
<div class="item"> | <div class="item"> | ||
| - | <div class="item- | + | <div class="item-t2"><p style="font-family:Arial,Helvetica,sans-serif;font-size:25px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="">SPONSORS</a></p></div> |
| - | <div class="item- | + | <div class="item-b2"><p style="font-family:Arial,Helvetica,sans-serif;font-size:25px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="">SPONSORS</a></p></div> |
</div> | </div> | ||
</div> | </div> | ||
Revision as of 12:52, 12 September 2013
