Difference between revisions of "Team:Amoy"

Line 2: Line 2:
  
 
<head>
 
<head>
 +
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
 
<title>Aomy</title>
 
<title>Aomy</title>
  
Line 12: Line 14:
  
 
</head>
 
</head>
−
 
  
 
<body>
 
<body>
 +
 +
<!-- up -->
  
 
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(http://demo.lanrenzhijia.com/2014/scrollTop1120/images/lanren.gif) no-repeat center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
 
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(http://demo.lanrenzhijia.com/2014/scrollTop1120/images/lanren.gif) no-repeat center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
Line 34: Line 37:
 
</script>
 
</script>
  
 +
 +
<!-- skip -->
  
 
<a class="down" href="javascript:;">
 
<a class="down" href="javascript:;">
Line 49: Line 54:
 
</script>
 
</script>
  
 +
<!--Scroll-->
  
−
<!--
+
<div style="position:relative; margin-top: -40px; width: 100%; overflow: hidden;" class="slideshow grid_12">
−
<div style="margin-top: -40px;" class="crossbanenr">
+
<div class="holder">
−
    <ul id="crossbanenr">      
+
 
−
        <li class="pcqqbg">
+
<div id="wowslider-container">
−
            <div class="bncont">
+
 
−
                <div class="bntxt">
+
<!--Scroll pic-->
−
                    <h2>Amoy China</h2>
+
<div class="ws_images">
−
                    <a class="bnxz" href="https://2015.igem.org/Team:Amoy/Project">more</a>
+
<ul>
−
                </div>
+
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/7/77/Scroll_bg1.jpg" alt="123" title="" /></a></li>
−
            </div>
+
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/7/77/Scroll_bg1.jpg" alt="456" title="" /></a></li>
−
        </li>
+
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/7/77/Scroll_bg1.jpg" alt="789" title="" /></a></li>
−
    </ul>
+
</ul>
 
</div>
 
</div>
−
-->
 
  
−
<div style="position:relative; margin-top: -40px; width: 100%; overflow: hidden;" class="slideshow grid_12">
+
<!--little pic-->
−
<div class="holder">
+
<div class="ws_bullets">
−
<!-- 主体部分 -->
+
<div>
−
<div id="wowslider-container">
+
<a href="#"><img src="https://static.igem.org/mediawiki/2015/5/5d/Change1.png" alt="CSS3 Slider" /></a>
−
<div class="ws_images">
+
<a href="#"><img src="https://static.igem.org/mediawiki/2015/5/5d/Change1.png" alt="CSS Slideshow" /></a>
−
<ul>
+
<a href="#"><img src="https://static.igem.org/mediawiki/2015/5/5d/Change1.png" alt="CSS Gallery" /></a>
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/7/77/Scroll_bg1.jpg" alt="123" title="" /></a></li>
+
</div>
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/7/77/Scroll_bg1.jpg" alt="456" title="" /></a></li>
+
</div>
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/7/77/Scroll_bg1.jpg" alt="789" title="" /></a></li>
+
</div>
−
<!--
+
 
−
<li><iframe width="100%" height="100%" src="https://www.youtube.com/embed/_GOt0sMIZVY?autoplay=0&rel=0&enablejsapi=1&playerapiid=ytplayer&wmode=transparent"frameborder="0" allowfullscreen></iframe><img src="images/data/images/slide5new.jpg" alt="012" title="" /></li>
+
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/js/ScrollWowslider?action=raw&amp;ctype=text/javascript"></script>
−
-->
+
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/ScrollScript?action=raw&amp;ctype=text/javascript"></script>
−
</ul>
+
 
−
</div>
+
</div>
−
<div class="ws_bullets">
+
−
<div>
+
−
<a href="#"><img src="https://static.igem.org/mediawiki/2015/5/5d/Change1.png" alt="CSS3 Slider" /></a>
+
−
<a href="#"><img src="https://static.igem.org/mediawiki/2015/5/5d/Change1.png" alt="CSS Slideshow" /></a>
+
−
<a href="#"><img src="https://static.igem.org/mediawiki/2015/5/5d/Change1.png" alt="CSS Gallery" /></a>
+
−
<!--
+
−
<a href="#"><img src="https://static.igem.org/mediawiki/2015/5/5d/Change1.png" alt="Video Support" /></a>
+
−
-->
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/js/ScrollWowslider?action=raw&amp;ctype=text/javascript"></script>
+
−
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/ScrollScript?action=raw&amp;ctype=text/javascript"></script>
+
−
<!-- 主体部分. -->
+
−
</div>
+
 
</div>
 
</div>
  
 +
<!--Main Content-->
  
 
<div class="content">
 
<div class="content">
  
 +
<!--title_circuits-->
 
<div>
 
<div>
 
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/2/24/T1.png"/>
 
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/2/24/T1.png"/>
 
</div>
 
</div>
  
 +
<!--bg_circuits-->
 
<div style="background-image: url(https://static.igem.org/mediawiki/2015/a/a5/Bg2.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
 
<div style="background-image: url(https://static.igem.org/mediawiki/2015/a/a5/Bg2.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
 
</div>
 
</div>
  
−
 
+
<!--title_experiment-->
 
<div style="background: #fff; width: 100%; height: 524px; ">
 
<div style="background: #fff; width: 100%; height: 524px; ">
−
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
+
<div style="position: relative; width: 100%; height: 524px; margin: 0 auto;">
  
 
<div style="position: absolute; top: 115px; width: 557px; right: 30px;">
 
<div style="position: absolute; top: 115px; width: 557px; right: 30px;">

Revision as of 08:45, 23 August 2015

Aomy

Skip

  • 123
  • 456
  • 789
CSS3 Slider CSS Slideshow CSS Gallery

This is the scene that we're exexperimenting. This is the scene that we're exexperimenting.

Learn more >

They are our experimental results. They are our experimental results.

Learn more >