Team:LZU-China/tempfortest2
From 2014.igem.org
(2 intermediate revisions not shown) | |||
Line 13: | Line 13: | ||
.picList .col img{width:100%;} | .picList .col img{width:100%;} | ||
.picList .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-height:25px;padding:10px;opacity:0.8;text-decoration:none;} | .picList .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-height:25px;padding:10px;opacity:0.8;text-decoration:none;} | ||
+ | .msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;} | ||
+ | |||
+ | .picList2{width:100%;float:left;} | ||
+ | .picList2 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;} | ||
+ | .picList2 .col img,.col a{position:absolute;top:0px;left:0px;} | ||
+ | .picList2 .col img{width:100%;} | ||
+ | .picList2 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-height:25px;padding:10px;opacity:0.8;text-decoration:none;} | ||
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;} | .msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;} | ||
Line 616: | Line 623: | ||
<div class='picList'> | <div class='picList'> | ||
<div class='col'> | <div class='col'> | ||
- | <img src=' | + | <img src='https://static.igem.org/mediawiki/2014/0/06/600_IMG_1495.jpg'/><a href='#'>古老巨石阵<br/>巨石阵又称索尔兹伯里石环、环状列石、太阳神庙、史前石桌、斯通亨治石栏、斯托肯立石圈等名,是欧洲著名的史前时代文化神庙遗址,位于英格兰威尔特郡索尔兹伯里平原。</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 635: | Line 642: | ||
<tr> | <tr> | ||
<td width="10%"> </td> | <td width="10%"> </td> | ||
- | <td> </td> | + | <td> <div> |
+ | <div class='picList2'> | ||
+ | <div class='col'> | ||
+ | <img src='https://static.igem.org/mediawiki/2014/0/00/600_DSC_8645.JPG'/><a href='#'>HP_TEXT2<br/><br/>加拿大国家森林公园在加拿大塞尔客克山和珞矶山上,掩映于积雪的峰巅、庞大的冰河和澄澈的湖沼之间的,是全世界最壮丽的国家公园。</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | var temp=357; | ||
+ | $('.picList2 .col').hover(function(){ | ||
+ | $(this).find('a').stop(true).animate({top: temp=(temp==0?357:0) }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div></td> | ||
</tr> | </tr> | ||
</table> | </table> |
Latest revision as of 05:30, 15 October 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
-
Investigate & Survey 幻灯片一的介绍
-
Team meeting 幻灯片二的介绍
-
Meetups 幻灯片三的介绍
-
Information Sessions 幻灯片三的介绍
-
Cooperations 幻灯片四的介绍
INVESTIGATE AND SURVEY
|
|
|||
|
|||
|
|