Difference between revisions of "Team:Tianjin"

Line 1: Line 1:
 
<head>
 
<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">
 
<style type="text/css">
 
@charset "utf-8";
 
@charset "utf-8";
a, body, div, img, ol, i { border: 0; margin: 0; padding: 0; font-size: 100%; }
+
a, body, div, img, ol, i { border: 0;
 +
margin: 0;
 +
padding: 0;  
 +
font-size: 100%; }
 
html, body { height: 100%; }
 
html, body { height: 100%; }
 
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
 
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }

Revision as of 03:29, 31 August 2015

<head> <style type="text/css"> @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>