Team:OUC-China

From 2014.igem.org

(Difference between revisions)
Line 6: Line 6:
     <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script>
     <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:OUC-China/js/jquery.devrama.slider.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:OUC-China/js/jquery.devrama.slider.js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:OUC-China/js/unslider.js?action=raw&ctype=text/javascript"></script>
<style type="text/css">
<style type="text/css">
@charset "utf-8";
@charset "utf-8";
Line 510: Line 511:
     </script>
     </script>
</div>
</div>
-
<!--轮播效果-->
+
<div id="slider">
-
<div class = "neck">
+
        <ul>
-
<!-- 代码 开始 -->
+
            <li style="background-color: #a0a0a0"><h1 style="margin:200px">Coming soon...</h1></li>
-
<div class="example-animation">
+
            <li style="background-color: #222222"><h1 style="margin:200px;color:#ffffff">Coming soon...</h1></li>
-
<div data-lazy-background="images/1.jpg">
+
        </ul>
-
<h3 data-pos="['0%', '110%', '10%', '5%']" data-duration="700" data-effect="move" >
+
    </div>
-
Moving
+
    <script>
-
</h3>
+
    $('#slider').unslider({
-
<div data-pos="['-30%', '25%', '40%', '25%']" data-duration="700" data-effect="move">
+
        speed: 500,
-
Text
+
        delay: 4000,
-
</div>
+
        keys: true,
-
<div data-pos="['56%', '-40%', '56%', '11%']" data-duration="700" data-effect="move">
+
        dots: true,
-
and Image
+
        fluid: false
-
</div>
+
    });
-
<div data-pos="['23%', '110%', '23%', '42%']" data-duration="700" data-effect="move">
+
    </script>
-
<img data-lazy-src="images/add.jpg"/>
+
-
</div>
+
-
</div>
+
-
<div data-lazy-background="images/2.jpg">
+
-
<h3 data-pos="['10%', '8%']" data-duration="1000" data-effect="fadein">
+
-
Fadein
+
-
</h3>
+
-
<div data-pos="['44%', '15%']" data-duration="700" data-effect="fadein">
+
-
Text
+
-
</div>
+
-
<div data-pos="['66%', '11%']" data-duration="700" data-effect="fadein">
+
-
and Image
+
-
</div>
+
-
<div data-pos="['29%', '46%']" data-duration="700" data-delay="500" data-effect="fadein">
+
-
<img data-lazy-src="images/add.jpg"/>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
$('.example-animation').DrSlider(); //Yes! that's it!
+
-
});
+
-
</script>
+
-
<!-- 代码 结束 -->
+
</div>
</div>
<div class = "main">
<div class = "main">

Revision as of 12:41, 16 October 2014

  • Coming soon...

  • Coming soon...

  • the double plasmid system

  • Transfection

  • modeling

  • Judging

  • safety

  • policy&practise

Retrieved from "http://2014.igem.org/Team:OUC-China"