Difference between revisions of "Team:Tianjin"

Line 1: Line 1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
 
<head>
 
<head>
 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Line 12: Line 10:
 
#lanrenFooter a:hover { text-decoration: underline; }
 
#lanrenFooter a:hover { text-decoration: underline; }
 
#lanrenFooter p { margin: .3em 0; }
 
#lanrenFooter p { margin: .3em 0; }
 +
@charset "utf-8";
 +
a, body, div, img, ol, i { 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>
 
</style>
 +
 
<title>home</title>
 
<title>home</title>
<link href="css/fullfoucs.css" rel="stylesheet" />
 
 
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
 
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
 
<script src="js/jquery.fullfoucs.js" type="text/javascript"></script>
 
<script src="js/jquery.fullfoucs.js" type="text/javascript"></script>
Line 33: Line 65:
 
         <li class="default">
 
         <li class="default">
 
         <a >
 
         <a >
                 <img class="a-down" src="HOME1.jpg" span style="cursor:pointer" alt="" img class="lazy" />
+
                 <img class="a-down" src="https://static.igem.org/mediawiki/2015/c/cd/Tianjin_home1.JPG" span style="cursor:pointer" alt="" img class="lazy" />
 
           </a>
 
           </a>
 
       </li>
 
       </li>
 
         <li>
 
         <li>
 
             <a>
 
             <a>
                 <img  class="a-down" class="lazy"  src="HOME2.jpg" span style="cursor:pointer"alt="" />
+
                 <img  class="a-down" class="lazy"  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" src="HOME3.jpg" alt="" />
+
                 <img  class="a-down" class="lazy" span style=" cursor:pointer" 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" src="HOME4.jpg" alt="" />
+
                 <img class="a-down" class="lazy default" span style=" cursor:pointer" src="https://static.igem.org/mediawiki/2015/d/da/Tianjin_home4.JPG" alt="" />
 
             </a>
 
             </a>
 
         </li>
 
         </li>
Line 59: Line 91:
 
         $.fullFoucs({ direction: 'up' });
 
         $.fullFoucs({ direction: 'up' });
 
     </script>
 
     </script>
 +
   
 
  </body>
 
  </body>
 
</html>
 
</html>

Revision as of 03:22, 31 August 2015

<head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Page-Enter" content="Revealtrans(Duration=4,Transition=12)" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css">

  1. lanrenFooter { position: fixed; text-align: left; bottom: 0; left: 0; font: .8em/1.3em 微软雅黑,'Microsoft YaHei'; margin: 1em; z-index: 999; }
  2. lanrenFooter a { text-decoration: none; color: rgb(184, 95, 0); font-size: 1.3em; line-height: 1.3em; }
  3. lanrenFooter a:hover { text-decoration: underline; }
  4. lanrenFooter p { margin: .3em 0; }

@charset "utf-8"; a, body, div, img, ol, i { 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; }

  1. 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(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; }

  1. 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; }
  1. flash_control a i { display: block; height: 100%; width: 100%; }
  2. 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; }
  1. 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; }
  1. 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; }
  1. 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; }
  1. flash_control .on .icon-down, #flash_control .on .icon-up { visibility: visible; }
  2. flash_control .on .icon-play i { display: block; }
  3. 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>

<title>home</title> <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="js/jquery.fullfoucs.js" type="text/javascript"></script>


</head>

<body>

           <a class="icon-down"></a>
           <a class="icon-play"></a>
           <a class="icon-pause"></a>
           <a class="icon-up"></a>
  1. <a > <img class="a-down" src="Tianjin_home1.JPG" span style="cursor:pointer" alt="" img class="lazy" /> </a>
  2. <a> <img class="a-down" class="lazy" src="Tianjin_home2.JPG" span style="cursor:pointer"alt="" /> </a>
  3. <a> <img class="a-down" class="lazy" span style=" cursor:pointer" src="Tianjin_home3.JPG" alt="" /> </a>
  4. <a> <img class="a-down" class="lazy default" span style=" cursor:pointer" src="Tianjin_home4.JPG" alt="" /> </a>
  5. <iframe src=1/index.html frameborder=0 scrolling=no width="100%"height="100%" class="a-down" margin-top="5px" top: -5px;> </iframe>
   <script type="text/javascript">
       $.fullFoucs({ direction: 'up' });
   </script>
   
</body>

</html>