Team:HZAU-China/Safety
From 2013.igem.org
(Difference between revisions)
Line 46: | Line 46: | ||
#sidebar23{ | #sidebar23{ | ||
width:232.5px; | width:232.5px; | ||
+ | height:109px; | ||
float:right; | float:right; | ||
padding-bottom:20px; | padding-bottom:20px; | ||
+ | overflow:hidden; | ||
} | } | ||
#sidebar24{ | #sidebar24{ | ||
width:485px; | width:485px; | ||
+ | height:95px; | ||
float:left; | float:left; | ||
+ | overflow:hidden; | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | var changeH=$(".item-t").outerHeight();//变化的高度 | ||
+ | $(".itemwrap .item").each(function(index){ | ||
+ | $(this).hover(function(){ | ||
+ | //mouseenter代码段 | ||
+ | $(this).find(".item-t").stop(true).animate({"margin-top":-changeH},300); | ||
+ | },function(){ | ||
+ | //mouseleave代码段 | ||
+ | $(this).find(".item-t").stop(true).animate({"margin-top":0},300); | ||
+ | }); | ||
+ | |||
+ | }) | ||
+ | }) | ||
+ | </script> | ||
<body> | <body> | ||
Line 73: | Line 93: | ||
<a href=""><img src="https://static.igem.org/mediawiki/2013/8/82/Safety%E9%9D%A2%E6%9D%BF3.gif" width="232.5px"></a> | <a href=""><img src="https://static.igem.org/mediawiki/2013/8/82/Safety%E9%9D%A2%E6%9D%BF3.gif" width="232.5px"></a> | ||
</div> | </div> | ||
- | <div id="sidebar23"> | + | |
- | <a href=""><img src="https://static.igem.org/mediawiki/2013/8/84/Safety%E9%9D%A2%E6%9D%BF4.gif" width="232.5px"></a> | + | <div class="itemwrap"> |
- | </div> | + | <div id="sidebar23" class="item"> |
- | <div id="sidebar24"> | + | <div class="item-t"><a href=""><img src="https://static.igem.org/mediawiki/2013/8/84/Safety%E9%9D%A2%E6%9D%BF4.gif" width="232.5px"></a> </div> |
- | <a href=""><img src="https://static.igem.org/mediawiki/2013/b/bf/Safety%E9%9D%A2%E6%9D%BF5.gif"width="485px"></a> | + | <div class="item-b"><a href=""><img src="https://static.igem.org/mediawiki/2013/8/84/Safety%E9%9D%A2%E6%9D%BF4.gif" width="232.5px"></a> </div> |
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="itemwrap"> | ||
+ | <div id="sidebar24" class="item"> | ||
+ | <div class="item-t"><a href=""><img src="https://static.igem.org/mediawiki/2013/b/bf/Safety%E9%9D%A2%E6%9D%BF5.gif"width="485px"></a> </div> | ||
+ | <div class="item-b"><a href=""><img src="https://static.igem.org/mediawiki/2013/b/bf/Safety%E9%9D%A2%E6%9D%BF5.gif"width="485px"></a> </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 07:58, 15 September 2013