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