Difference between revisions of "Team:ShanghaitechChina"

Line 257: Line 257:
 
</div>
 
</div>
 
</div>
 
</div>
<div id="transform" data-4000="left:5%;opacity:0;" data-4200="left:10%;opacity:1;" data-4800="" data-5000="left:10%;opacity:0;">
+
<div id="transform" data-4000="opacity:0;" data-4200="opacity:1;" data-4800="" data-5000="opacity:0;">
                 <img src="./wood.jpg" style="width:20%;">
+
                <div class="tiny" style="width:20%;margin-left:-17%">
</div>
+
                <img src="./wood2.jpg" style="width:100%;">
 +
                </div>
 +
                <div class="tiny" style="width:20%;margin-left:-17%;margin-top:20%;">
 +
                 <img src="./wood2.jpg" style="width:100%;">
 +
                </div>
 +
                <div class="tiny" style="width:20%;margin-left:95%;margin-top:-48%;">
 +
                <img src="./wood2.jpg" style="width:100%;">
 +
                </div>
 +
                <div class="tiny" style="width:20%;margin-left:95%;margin-top:-19%;">
 +
                <img src="./wood2.jpg" style="width:100%;">
 +
                </div>
 
<div id="transform" data-3700="transform:scale(0) rotate(0deg);" data-4200="transform:scale(1) rotate(1440deg);opacity:1;" data-4800="" data-5300="transform:scale(0) rotate(3240deg);opacity:0;top:10%">
 
<div id="transform" data-3700="transform:scale(0) rotate(0deg);" data-4200="transform:scale(1) rotate(1440deg);opacity:1;" data-4800="" data-5300="transform:scale(0) rotate(3240deg);opacity:0;top:10%">
 
<img src="./wood.jpg" style="width:80%;">
 
<img src="./wood.jpg" style="width:80%;">
Line 275: Line 285:
 
}
 
}
 
});
 
});
 +
$('.tiny').click(function(){
 +
     
 +
    var origin=document.getElementById('huge').innerHTML;
 +
    document.getElementById('huge').innerHTML=this.innerHTML;
 +
    this.innerHTML=origin;
 +
});
 
</script>
 
</script>
  

Revision as of 15:05, 15 October 2016

igem2016:ShanghaiTech

ShanghaiTech University