Team:SJTU-BioX-Shanghai

From 2012.igem.org

(Difference between revisions)
Line 236: Line 236:
{  
{  
float:left;  
float:left;  
-
width:370px;  
+
width:360px;  
height:450px;
height:450px;
display:block;  
display:block;  
Line 244: Line 244:
.center_left .pic
.center_left .pic
{  
{  
-
width:370px;
+
width:360px;
overflow:hidden;
overflow:hidden;
}
}
Line 250: Line 250:
{  
{  
position:relative;   
position:relative;   
-
width:370px;  
+
width:360px;  
height:400px;  
height:400px;  
Line 259: Line 259:
{  
{  
position:relative;  
position:relative;  
-
width:370px;  
+
width:360px;  
float:left;  
float:left;  
height:50px;
height:50px;
Line 297: Line 297:
   $(function() {   
   $(function() {   
$(document).ready(function(){
$(document).ready(function(){
-
$("#pics-list img").hover(function(){clearInterval(_play)}, function(){play()});
+
$("#pics-list div").hover(function(){clearInterval(_play)}, function(){play()});
$("#pics-title > li").hover(function(){
$("#pics-title > li").hover(function(){
clearInterval(_play);
clearInterval(_play);
Line 313: Line 313:
{
{
$("#pics-title > li").attr('class','').eq(num).attr('class','select').blur();
$("#pics-title > li").attr('class','').eq(num).attr('class','select').blur();
-
$("#pics-list img").hide().eq(num).fadeIn('slow');
+
$("#pics-list div").hide().eq(num).fadeIn('slow');
}
}
function auto()
function auto()
Line 353: Line 353:
<div id="pics-list">
<div id="pics-list">
<a href="">
<a href="">
-
+
<div class="abstract">
<img src="/wiki/images/a/ad/12SJTU_gif1.gif" style="width:320px"></img>
<img src="/wiki/images/a/ad/12SJTU_gif1.gif" style="width:320px"></img>
-
</a>
+
</div></a>
<a href="">
<a href="">
-
+
<div class="abstract">
<img src="/wiki/images/d/d1/12SJTU_3dpic.jpg" style="width:320px"></img>
<img src="/wiki/images/d/d1/12SJTU_3dpic.jpg" style="width:320px"></img>
-
</a>
+
</div></a>
<a href="">
<a href="">
<div class="abstract">
<div class="abstract">

Revision as of 21:04, 26 September 2012