"
Team:HZAU-China/Team
From 2013.igem.org
(Difference between revisions)
| Line 55: | Line 55: | ||
width: 980px; | width: 980px; | ||
} | } | ||
| + | #background12{ | ||
| + | background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg); | ||
| + | float:left; | ||
| + | heiht:auto; | ||
| + | width: 1000px; | ||
| + | padding-bottom:3px; | ||
| + | } | ||
| + | #sidebar{ | ||
| + | background-color:transparent; | ||
| + | height: auto; | ||
| + | float:left; | ||
| + | width: 200px; | ||
| + | } | ||
| + | #sidebar1{ | ||
| + | background-color:transparent; | ||
| + | clear: both; | ||
| + | height: auto; | ||
| + | width: 200px; | ||
| + | } | ||
| + | #sidebar2{ | ||
| + | background-color:transparent; | ||
| + | clear: both; | ||
| + | height: auto; | ||
| + | width: 200px; | ||
| + | } | ||
| + | </style> | ||
| + | <style> | ||
| + | *{ margin:0; padding:0;} | ||
| + | li,ul{ list-style:none} | ||
| + | img{ border:none;} | ||
| + | .item{float:left; width:162px; padding:0 2px; height:120px; overflow:hidden; margin:200px auto;} | ||
| + | .item .item-t{ height:162px; background:#000;} | ||
| + | .item .item-b{ height:162px; background:#aaa;} | ||
</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> | ||
<div id="background"> | <div id="background"> | ||
| - | |||
| - | |||
| - | |||
| - | |||
<div id="paragraphs"> | <div id="paragraphs"> | ||
<div class="zoomPan" id="zoomPan"> | <div class="zoomPan" id="zoomPan"> | ||
| Line 69: | Line 114: | ||
<div id="zoom" class="sh"><img src="https://static.igem.org/mediawiki/2013/f/fb/%E7%85%A7%E7%89%87_%EF%BC%88%E5%8E%9F%EF%BC%89.jpg" alt="" /></div> | <div id="zoom" class="sh"><img src="https://static.igem.org/mediawiki/2013/f/fb/%E7%85%A7%E7%89%87_%EF%BC%88%E5%8E%9F%EF%BC%89.jpg" alt="" /></div> | ||
</div> | </div> | ||
| + | </div> | ||
| + | <div id="background12"> | ||
| + | |||
| + | <div class="item"> | ||
| + | <div class="item-t"></div> | ||
| + | <div class="item-b"></div> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 12:10, 12 September 2013
