Difference between revisions of "Team:Tianjin"

 
(48 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Team:Tianjin}}
 
 
<html>
 
<html>
−
<head>
+
<link rel="stylesheet" href="https://2015.igem.org/Team:Tianjin/CSS_Home?action=raw&amp;ctype=text/css" type="text/css">
−
<title>home</title>
+
−
<style type="text/css">
+
  
  
−
a, body, div, img, ol, i {
+
  <link rel="stylesheet" href="https://2015.igem.org/Team:Tianjin/CSS_Home_inside?action=raw&amp;ctype=text/css" type="text/css">
−
border: 0;
+
−
margin: 0;
+
−
padding: 0;
+
−
font-size: 100%;
+
−
}
+
−
html, body { height: 100%; }
+
−
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
+
−
ol { list-style: none; }
+
−
li { display: list-item; }
+
−
body { min-width: 960px; }
+
−
#flash_control .icon-down i, #flash_control .icon-down i:hover, #flash_control .icon-play i, #flash_control .icon-play i:hover, #flash_control .icon-pause i, #flash_control .icon-pause i:hover, #flash_control .icon-up i, #flash_control .icon-up i:hover { background: url(https://static.igem.org/mediawiki/2015/8/80/Tianjin_home5.png) no-repeat; }
+
−
* html, * html body { background-image: url(about:blank); background-attachment: fixed; zoom: 1; }
+
−
a { color: #262626; text-decoration: none; }
+
−
    a:hover { color: #FF4503; text-decoration: underline; }
+
−
i { content: ''; font-weight: 400; font-style: normal; text-decoration: none; }
+
−
.home-full .flash { position: absolute; z-index: 600; }
+
−
#flash_control { position: fixed; z-index: 900; width: 51px; top: -9999em; right: 3em; }
+
−
    #flash_control a { cursor: pointer; display: block; margin-bottom: 1px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#99000000', endColorstr='#99000000'); background: transparent; background: rgba(0,0,0,.6); }
+
−
:root #flash_control a { filter: none\0/IE9; }
+
−
#flash_control a i { display: block; height: 100%; width: 100%; }
+
−
#flash_control .icon-down, #flash_control .icon-up { visibility: hidden; }
+
−
    #flash_control .icon-down i { background-position: -1579px 0; height: 51px; width: 51px; }
+
−
        #flash_control .icon-down i:hover { background-position: -1396px 0; height: 51px; width: 51px; }
+
−
#flash_control .icon-play i { background-position: -1518px 0; height: 51px; width: 51px; display: none; }
+
−
    #flash_control .icon-play i:hover { background-position: -1335px 0; height: 51px; width: 51px; }
+
−
#flash_control .icon-pause i { background-position: -1457px 0; height: 51px; width: 51px; }
+
−
    #flash_control .icon-pause i:hover { background-position: -1274px 0; height: 51px; width: 51px; }
+
−
#flash_control .icon-up i { background-position: -1152px 0; height: 51px; width: 51px; }
+
−
    #flash_control .icon-up i:hover { background-position: -1213px 0; height: 51px; width: 51px; }
+
−
#flash_control .on .icon-down, #flash_control .on .icon-up { visibility: visible; }
+
−
#flash_control .on .icon-play i { display: block; }
+
−
#flash_control .on .icon-pause i { display: none; }
+
−
html, body { overflow: hidden; min-width: 989px; min-height: 600px; }
+
−
body { position: relative; z-index: 1; }
+
−
.flash li { position: absolute; overflow: hidden; z-index: 601; left: 0; }
+
−
.flash .default { z-index: 605; }
+
−
.flash img { width: 100%; height: 100%; }
+
−
</style>
+
  
 +
<link rel="stylesheet" href="https://2015.igem.org/Team:Tianjin/CSS_Home_inside2?action=raw&amp;ctype=text/css" type="text/css">
  
−
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
+
<title>home</title>
−
<script src="js/jquery.fullfoucs.js" type="text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jquery-1.9.1min?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jqueryfullfoucs?
 +
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>
  
−
</head>
 
  
 
<body>
 
<body>
 
  <div id="flash_control">
 
  <div id="flash_control">
 
         <div class="flash-control-wrp">
 
         <div class="flash-control-wrp">
−
             <a class="icon-down"><i></i></a>
+
             <a class="icon-down"><i> </i></a>
−
             <a class="icon-play"><i></i></a>
+
             <a class="icon-play"><i> </i></a>
−
             <a class="icon-pause"><i></i></a>
+
             <a class="icon-pause"><i> </i></a>
−
             <a class="icon-up"><i></i></a>
+
             <a class="icon-up"><i> </i></a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 75: Line 213:
 
         <li>
 
         <li>
 
             <a>
 
             <a>
−
                 <img  class="a-down" class="lazy" span style=" cursor:pointer" src="https://static.igem.org/mediawiki/2015/4/42/Tianjin_home3.JPG" alt="" />
+
                 <img  class="a-down" class="lazy" span style=" cursor:pointer" src="https://static.igem.org/mediawiki/2015/d/da/Tianjin_home4.JPG" alt="" />
 
             </a>
 
             </a>
 
         </li>
 
         </li>
 
         <li>
 
         <li>
 
         <a>
 
         <a>
−
                 <img class="a-down" class="lazy default" span style=" cursor:pointer" src="https://static.igem.org/mediawiki/2015/d/da/Tianjin_home4.JPG" alt="" />
+
                 <img class="a-down" class="lazy default" span style=" cursor:pointer" src="https://static.igem.org/mediawiki/2015/4/42/Tianjin_home3.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