Difference between revisions of "Team:Tianjin"

 
(35 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html>
+
<html>
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Tianjin/CSS_Home?action=raw&amp;ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Tianjin/CSS_Home?action=raw&amp;ctype=text/css" type="text/css">
 +
 +
 +
  <link rel="stylesheet" href="https://2015.igem.org/Team:Tianjin/CSS_Home_inside?action=raw&amp;ctype=text/css" type="text/css">
 +
 +
<link rel="stylesheet" href="https://2015.igem.org/Team:Tianjin/CSS_Home_inside2?action=raw&amp;ctype=text/css" type="text/css">
  
 
<title>home</title>
 
<title>home</title>
−
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jquery-1.9.1.min?
+
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jquery-1.9.1min?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jquery.fullfoucs?
+
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jqueryfullfoucs?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/lrtk?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jfade?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/script?
 +
action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript">
 +
    $(document).ready(function(){
 +
       
 +
        $("#img1").mouseover(function(){
 +
            $("#bag1").fadeIn();
 +
            $("#bag2").fadeOut();
 +
            $("#bag3").fadeOut();
 +
            $("#bag4").fadeOut();
 +
            $("#bag5").fadeOut();
 +
            $("#bag6").fadeOut();
 +
            $("#bag7").fadeOut();
 +
            $("#bag8").fadeOut();
 +
            $("#bag9").fadeOut();
 +
           
 +
        });
 +
        $("#img2").mouseover(function(){
 +
            $("#bag1").fadeOut();
 +
            $("#bag2").fadeIn();
 +
            $("#bag3").fadeOut();
 +
            $("#bag4").fadeOut();
 +
            $("#bag5").fadeOut();
 +
            $("#bag6").fadeOut();
 +
            $("#bag7").fadeOut();
 +
            $("#bag8").fadeOut();
 +
            $("#bag9").fadeOut();
 +
        });
 +
        $("#img3").mouseover(function(){
 +
            $("#bag1").fadeOut();
 +
            $("#bag2").fadeOut();
 +
            $("#bag3").fadeIn();
 +
            $("#bag4").fadeOut();
 +
            $("#bag5").fadeOut();
 +
            $("#bag6").fadeOut();
 +
            $("#bag7").fadeOut();
 +
            $("#bag8").fadeOut();
 +
            $("#bag9").fadeOut();
 +
        });
 +
        $("#img4").mouseover(function(){
 +
            $("#bag1").fadeOut();
 +
            $("#bag2").fadeOut();
 +
            $("#bag3").fadeOut();
 +
            $("#bag4").fadeIn();
 +
            $("#bag5").fadeOut();
 +
            $("#bag6").fadeOut();
 +
            $("#bag7").fadeOut();
 +
            $("#bag8").fadeOut();
 +
            $("#bag9").fadeOut();
 +
        });
 +
        $("#img5").mouseover(function(){
 +
            $("#bag1").fadeOut();
 +
            $("#bag2").fadeOut();
 +
            $("#bag3").fadeOut();
 +
            $("#bag4").fadeOut();
 +
            $("#bag5").fadeIn();
 +
            $("#bag6").fadeOut();
 +
            $("#bag7").fadeOut();
 +
            $("#bag8").fadeOut();
 +
            $("#bag9").fadeOut();
 +
        });
 +
        $("#img6").mouseover(function(){
 +
            $("#bag1").fadeOut();
 +
            $("#bag2").fadeOut();
 +
            $("#bag3").fadeOut();
 +
            $("#bag4").fadeOut();
 +
            $("#bag5").fadeOut();
 +
            $("#bag6").fadeIn();
 +
            $("#bag7").fadeOut();
 +
            $("#bag8").fadeOut();
 +
            $("#bag9").fadeOut();
 +
        });
 +
        $("#img7").mouseover(function(){
 +
            $("#bag1").fadeOut();
 +
            $("#bag2").fadeOut();
 +
            $("#bag3").fadeOut();
 +
            $("#bag4").fadeOut();
 +
            $("#bag5").fadeOut();
 +
            $("#bag6").fadeOut();
 +
            $("#bag7").fadeIn();
 +
            $("#bag8").fadeOut();
 +
            $("#bag9").fadeOut();
 +
        });
 +
        $("#img8").mouseover(function(){
 +
            $("#bag1").fadeOut();
 +
            $("#bag2").fadeOut();
 +
            $("#bag3").fadeOut();
 +
            $("#bag4").fadeOut();
 +
            $("#bag5").fadeOut();
 +
            $("#bag6").fadeOut();
 +
            $("#bag7").fadeOut();
 +
            $("#bag8").fadeIn();
 +
 +
            $("#bag9").fadeOut();
 +
        });
 +
        $("#img9").mouseover(function(){
 +
            $("#bag1").fadeOut();
 +
            $("#bag2").fadeOut();
 +
            $("#bag3").fadeOut();
 +
            $("#bag4").fadeOut();
 +
            $("#bag5").fadeOut();
 +
            $("#bag6").fadeOut();
 +
            $("#bag7").fadeOut();
 +
            $("#bag8").fadeOut();
 +
            $("#bag9").fadeIn();
 +
        });
 +
    });
 +
    </script>
 +
 +
    <script>
 +
    function WINget(){
 +
        var d1=document.getElementById("bg1"),
 +
            d2=document.getElementById("bg2"),
 +
            d3=document.getElementById("bg3"),
 +
            d4=document.getElementById("bg4");
 +
            d5=document.getElementById("bg5");
 +
            d6=document.getElementById("bg6");
 +
            d7=document.getElementById("bg7");
 +
            d8=document.getElementById("bg8");
 +
            d9=document.getElementById("bg9");
 +
        d1.style.width=document.body.clientWidth+"px";
 +
        d1.style.height=document.body.clientHeight+"px";
 +
        d2.style.width=document.body.clientWidth+"px";
 +
        d2.style.height=document.body.clientHeight+"px";
 +
        d3.style.width=document.body.clientWidth+"px";
 +
        d3.style.height=document.body.clientHeight+"px";
 +
        d4.style.width=document.body.clientWidth+"px";
 +
        d4.style.height=document.body.clientHeight+"px";
 +
        d5.style.width=document.body.clientWidth+"px";
 +
        d5.style.height=document.body.clientHeight+"px";
 +
        d6.style.width=document.body.clientWidth+"px";
 +
        d6.style.height=document.body.clientHeight+"px";
 +
        d7.style.width=document.body.clientWidth+"px";
 +
        d7.style.height=document.body.clientHeight+"px";
 +
        d8.style.width=document.body.clientWidth+"px";
 +
        d8.style.height=document.body.clientHeight+"px";
 +
        d9.style.width=document.body.clientWidth+"px";
 +
        d9.style.height=document.body.clientHeight+"px";
 +
       
 +
    }
 +
    window.onresize=WINget;
 +
    window.onload=function(){
 +
        WINget();
 +
    }
 +
    </script>
 +
    <script type="text/javascript"> 
 +
$().ready(function() {
 +
    $('.jfade_image').jfade();
 +
    $('.listimg').jfade({
 +
        start_opacity: "0.65",
 +
        high_opacity: "1",
 +
        low_opacity: ".2",
 +
        timing: "500"
 +
    });
 +
    $('.button').jfade({
 +
        start_opacity: "1",
 +
        high_opacity: "1",
 +
        low_opacity: ".4",
 +
        timing: "500"
 +
    });
 +
    $('.text').jfade({
 +
        start_opacity: "1",
 +
        high_opacity: "1",
 +
        low_opacity: ".7",
 +
        timing: "500"
 +
    });
 +
    $('.links').jfade({
 +
        start_opacity: ".9",
 +
        high_opacity: "1",
 +
        low_opacity: ".2",
 +
        timing: "500"
 +
    });
 +
}); 
 +
</script>
 +
 +
 
<body>
 
<body>
 
  <div id="flash_control">
 
  <div id="flash_control">
Line 19: Line 203:
 
         <li class="default">
 
         <li class="default">
 
         <a >
 
         <a >
−
                 <img class="a-down" src="https://static.igem.org/mediawiki/2015/c/cd/Tianjin_home1.JPG" span  
+
                 <img class="a-down" src="https://static.igem.org/mediawiki/2015/c/cd/Tianjin_home1.JPG" span style="cursor:pointer" alt="" img class="lazy" />
−
 
+
−
style="cursor:pointer" alt="" img class="lazy" />
+
 
           </a>
 
           </a>
 
       </li>
 
       </li>
 
         <li>
 
         <li>
 
             <a>
 
             <a>
−
                 <img  class="a-down" class="lazy"   
+
                 <img  class="a-down" class="lazy"  src="https://static.igem.org/mediawiki/2015/8/8c/Tianjin_home2.JPG" span style="cursor:pointer"alt="" />
−
 
+
−
src="https://static.igem.org/mediawiki/2015/8/8c/Tianjin_home2.JPG" span style="cursor:pointer"alt="" />
+
 
             </a>
 
             </a>
 
         </li>
 
         </li>
 
         <li>
 
         <li>
 
             <a>
 
             <a>
−
                 <img  class="a-down" class="lazy" span style=" cursor:pointer"  
+
                 <img  class="a-down" class="lazy" span style=" cursor:pointer" src="https://static.igem.org/mediawiki/2015/d/da/Tianjin_home4.JPG" alt="" />
−
 
+
−
src="https://static.igem.org/mediawiki/2015/4/42/Tianjin_home3.JPG" alt="" />
+
 
             </a>
 
             </a>
 
         </li>
 
         </li>
 
         <li>
 
         <li>
 
         <a>
 
         <a>
−
                 <img class="a-down" class="lazy default" span style=" cursor:pointer"  
+
                 <img class="a-down" class="lazy default" span style=" cursor:pointer" src="https://static.igem.org/mediawiki/2015/4/42/Tianjin_home3.JPG" alt="" />
−
 
+
−
src="https://static.igem.org/mediawiki/2015/d/da/Tianjin_home4.JPG" alt="" />
+
 
             </a>
 
             </a>
 
         </li>
 
         </li>
 
         <li>
 
         <li>
−
                <iframe src=1/index.html frameborder=0 scrolling=no width="100%"height="100%" class="a-
 
  
−
down"  margin-top="5px" top: -5px;>
+
 
−
                </iframe>
+
        <div class="background" id="bag1"><img src="https://static.igem.org/mediawiki/2015/8/80/Tianjin_home_inside1.jpg" id="bg1"></div>
 +
<div class="background" style="display:none" id="bag2"><img src="https://static.igem.org/mediawiki/2015/5/53/Tianjin_home_inside2.jpg" id="bg2"></div>
 +
<div class="background" style="display:none" id="bag3"><img src="https://static.igem.org/mediawiki/2015/c/c3/Tianjin_home_inside3.jpg" id="bg3"></div>
 +
<div class="background" style="display:none" id="bag4"><img src="https://static.igem.org/mediawiki/2015/0/0c/Tianjin_home_inside4.jpg" id="bg4"></div>
 +
    <div class="background" style="display:none" id="bag5"><img src="https://static.igem.org/mediawiki/2015/3/36/Tianjin_home_inside5.jpg" id="bg5"></div>
 +
    <div class="background" style="display:none" id="bag6"><img src="https://static.igem.org/mediawiki/2015/b/bd/Tianjin_home_inside6.jpg" id="bg6"></div>
 +
    <div class="background" style="display:none" id="bag7"><img src="https://static.igem.org/mediawiki/2015/2/2f/Tianjin_home_inside7.jpg" id="bg7"></div>
 +
    <div class="background" style="display:none" id="bag8"><img src="https://static.igem.org/mediawiki/2015/1/15/Tianjin_home_inside8.jpg" id="bg8"></div>
 +
    <div class="background" style="display:none" id="bag9"><img src="https://static.igem.org/mediawiki/2015/0/0e/Tianjin_home_inside9.jpg" id="bg9"></div>
 +
<div class="common">
 +
  <ul>
 +
    <div class="listbox mr20">
 +
      <div  class="listimg" id="new"> <a><div theid="69"> <a href="https://2015.igem.org"> <img src="https://static.igem.org/mediawiki/2015/c/cc/Tianjin_home_inside01.jpg" width="260" height="165" id="img1"/></div></a>
 +
          </div>
 +
    </div>
 +
    <div class="listbox mr20">
 +
      <div class="listimg"> <a><div theid="69"><a href="https://2015.igem.org/Team:Tianjin/Project"><img id="img2" src="https://static.igem.org/mediawiki/2015/c/cd/Tianjin_home_inside02.jpg"/></div></a>
 +
          </div>
 +
    </div>
 +
    <div class="listbox mr20" >
 +
      <div class="listimg" id="new"> <a><div theid="69"><a href="https://2015.igem.org/Team:Tianjin/Parts"><img id="img3" src="https://static.igem.org/mediawiki/2015/d/d6/Tianjin_home_inside03.jpg"/></div></a>
 +
          </div>
 +
    </div>
 +
    <div class="listbox mr20">
 +
        <div class="listimg"> <a><div theid="69"><a href="https://2015.igem.org/Team:Tianjin/Modeling"><img id="img4" src="https://static.igem.org/mediawiki/2015/8/84/Tianjin_home_inside04.jpg"/></div></a>
 +
          </div>
 +
    </div>
 +
    <div class="listbox mr20" >
 +
      <div class="listimg" id="new"> <a><div theid="69"><a href="https://2015.igem.org/Team:Tianjin/Collaborations"><img id="img5" src="https://static.igem.org/mediawiki/2015/e/ed/Tianjin_home_inside05.jpg"/></div></a>
 +
          </div>
 +
    </div>
 +
    <div class="listbox mr20">
 +
        <div class="listimg" style="width:100px; height:120px; margin-top:0px;"> <a><div theid="69"> <a href="https://2015.igem.org/Team:Tianjin/Safety"><img id="img6" src="https://static.igem.org/mediawiki/2015/9/9c/Tianjin_home_inside06.jpg" style="width:100px; height: 120px;"></div></a>
 +
          </div>
 +
    </div>
 +
 
 +
    <div class="listbox mr20" >
 +
      <div class="listimg" id="new"> <a><div theid="69"> <a href="https://2015.igem.org/Team:Tianjin/Practices"><img id="img7" src="https://static.igem.org/mediawiki/2015/6/6d/Tianjin_home_inside07.jpg"/></div></a>
 +
          </div>
 +
    </div>
 +
    <div class="listbox mr20">
 +
      <div class="listimg"> <a><div theid="69"> <a href="https://2015.igem.org/Team:Tianjin/Notebook"><img id="img8" src="https://static.igem.org/mediawiki/2015/7/71/Tianjin_home_inside08.jpg"/></div></a>
 +
          </div>
 +
    </div>
 +
    <div class="listbox mr20" id="new">
 +
      <div class="listimg" id="new"> <a><div theid="69"><a href="https://2015.igem.org/Team:Tianjin/Team"><img id="img9" src="https://static.igem.org/mediawiki/2015/d/d0/Tianjin_home_inside09.jpg"/></div></a>
 +
          </div>
 +
    </div>
 +
  </ul>
 +
  </div>
 +
 
 +
 
 
         </li>
 
         </li>
 
</ol>
 
</ol>

Latest revision as of 04:30, 18 September 2015

home