Difference between revisions of "Team:BNU-China/Integrated Practices"

 
(8 intermediate revisions by 2 users not shown)
Line 5: Line 5:
  
 
<div class="main-container" id="practice">
 
<div class="main-container" id="practice">
−
     <div class="container-fluid page-heading">
+
     <div class="container-fluid page-heading"  style="background-image: url(https://static.igem.org/mediawiki/2016/3/39/T--BNU-China--sky.jpg);">
 
         <h3 id="practice-heading"> Practices </h3>
 
         <h3 id="practice-heading"> Practices </h3>
 
     </div>
 
     </div>
 
     <div class="container-fluid">
 
     <div class="container-fluid">
−
         <div class="practice-main">
+
 
−
             <div class="practice-link-left"><a href="#"> Preface </a></div>
+
         <div class="practice-main wrapper">
 +
             <div class="practice-link-left"><a href="https://2016.igem.org/Team:BNU-China/Practices#practice-pre"> Preface <i class="fa fa-arrow-right faa-passing animated"> </i> </a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/2/22/T--BNU-China--practice1.jpg" class="practice-img" id="img1">
 
             <img src="https://static.igem.org/mediawiki/2016/2/22/T--BNU-China--practice1.jpg" class="practice-img" id="img1">
 
             <!--<a href="#">We visited here.</a>-->
 
             <!--<a href="#">We visited here.</a>-->
 
         </div>
 
         </div>
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
−
             <div class="practice-link-right"><a href="#">Mini iGEM</a></div>
+
             <div class="practice-link-right"><a href="https://2016.igem.org/Team:BNU-China/Practices#MINI-iGEM">Mini iGEM <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/b/b2/T--BNU-China--practice2.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/b/b2/T--BNU-China--practice2.jpg" class="practice-img">
 
         </div>
 
         </div>
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
−
             <div class="practice-link-left"><a href="#">Seeing is Believing</a></div>
+
             <div class="practice-link-left"><a href="https://2016.igem.org/Team:BNU-China/Practices#Practice-seeing">Seeing is Believing <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/3/35/T--BNU-China--practice3.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/3/35/T--BNU-China--practice3.jpg" class="practice-img">
 
         </div>
 
         </div>
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
−
             <div class="practice-link-right"><a href="#">Voice from Society</a></div>
+
             <div class="practice-link-right"><a href="https://2016.igem.org/Team:BNU-China/Practices#VOICE-FROM-SOCIETY">Voice from Society <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/f/f2/T--BNU-China--practice4.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/f/f2/T--BNU-China--practice4.jpg" class="practice-img">
 
         </div>
 
         </div>
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
−
             <div class="practice-link-left"><a href="#">CCIC</a></div>
+
             <div class="practice-link-left"><a href="https://2016.igem.org/Team:BNU-China/Practices#prac-CCiC">CCiC  <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/6/6b/T--BNU-China--practice5.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/6/6b/T--BNU-China--practice5.jpg" class="practice-img">
 
         </div>
 
         </div>
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
−
             <div class="practice-link-right"><a href="#">Orienteering</a></div>
+
             <div class="practice-link-right"><a href="https://2016.igem.org/Team:BNU-China/Practices#prac-Orienteering">Orienteering <i class="fa fa-arrow-right faa-passing animated"> </i></a></div>
 
             <img src="https://static.igem.org/mediawiki/2016/2/2c/T--BNU-China--practice6.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/2/2c/T--BNU-China--practice6.jpg" class="practice-img">
 
         </div>
 
         </div>
  
  
−
         <div class="practice-main">
+
         <div class="practice-main wrapper">
 
             <img src="https://static.igem.org/mediawiki/2016/1/1e/T--BNU-China--practice7.jpg" class="practice-img">
 
             <img src="https://static.igem.org/mediawiki/2016/1/1e/T--BNU-China--practice7.jpg" class="practice-img">
 
         </div>
 
         </div>
Line 54: Line 55:
 
     document.querySelector('div#practice').style.backgroundImage='url("https://static.igem.org/mediawiki/2016/a/a6/T--BNU-China--sky2.jpg")';  
 
     document.querySelector('div#practice').style.backgroundImage='url("https://static.igem.org/mediawiki/2016/a/a6/T--BNU-China--sky2.jpg")';  
 
}
 
}
−
 
−
function getElementLeft(element){
 
−
    var actualLeft = element.offsetLeft;
 
−
    var current = element.offsetParent;
 
−
    while (current !== null){
 
−
        actualLeft += current.offsetLeft;
 
−
        current = current.offsetParent;
 
−
    }
 
−
    return actualLeft;
 
−
}
 
−
function getElementTop(element){
 
−
    var actualTop = element.offsetTop;
 
−
    var current = element.offsetParent;
 
−
    while (current !== null){
 
−
        actualTop += current.offsetTop;
 
−
        current = current.offsetParent;
 
−
    }
 
−
    return actualTop;
 
−
}
 
−
 
−
var img = $('#img1');
 
−
var top = getElementTop(img);
 
−
var left = getElementLeft(img);
 
−
alert(top);
 
  
  

Latest revision as of 02:53, 9 November 2016

Team:BNU-CHINA - 2016.igem.org