Team:Fudan/pro

From 2014.igem.org

(Difference between revisions)
Line 63: Line 63:
</div>
</div>
-
<div id="templatemo_mobile_menu">
 
-
        <ul class="nav nav-pills nav-stacked">
 
-
            <li><a href="#templatemo_banner_slide"><i class="glyphicon glyphicon-home"></i> &nbsp; Home</a></li>
 
-
            <li><a href="#templatemo_about"><i class="glyphicon glyphicon-briefcase"></i> &nbsp; Project</a></li>
 
-
<li><a href="#templatemo_team"><i class="glyphicon glyphicon-briefcase"></i> &nbsp; Team</a></li>
 
-
            <li><a href="#templatemo_events"><i class="glyphicon glyphicon-bullhorn"></i> &nbsp; OUtreach</a></li>
 
-
            <li><a href="#templatemo_timeline"><i class="glyphicon glyphicon-calendar"></i> &nbsp; Timeline</a></li>
 
-
            <li><a href="#templatemo_contact"><i class="glyphicon glyphicon-phone-alt"></i> &nbsp; Contact</a></li>
 
-
        </ul>
 
-
</div>
 
<div class="container_wapper">
<div class="container_wapper">
     <div id="templatemo_banner_menu">
     <div id="templatemo_banner_menu">
Line 117: Line 107:
-
 
+
<div class="col-xs-8 visible-xs">
 +
                <a href="#" id="mobile_menu"><span class="glyphicon glyphicon-th-list"></span></a>
 +
            </div>
 +
        </div>
 +
    </div><ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
 +
  </ul>
 +
</div>
Line 231: Line 227:
<script src="https://2014.igem.org/Team:Fudan/js/templatemo_script.js?action=raw"></script>
<script src="https://2014.igem.org/Team:Fudan/js/templatemo_script.js?action=raw"></script>
-
 
+
<script>$(document).scroll(function(){
 +
        document_top = $(document).scrollTop();
 +
        event_wapper_top = $("#templatemo_contact").position().top - $('#templatemo_banner_menu').outerHeight();
 +
        if(document_top<event_wapper_top){
 +
            degree = (360/event_wapper_top)*(document_top);
 +
            event_animate_num = event_wapper_top - document_top;
 +
            event_animate_alpha = (1/document_top)*(event_wapper_top);
 +
            $("#templatemo_about .imgwap").css({
 +
                        '-webkit-transform': 'rotate(' + degree + 'deg)',
 +
                        '-moz-transform': 'rotate(' + degree + 'deg)',
 +
                        '-ms-transform': 'rotate(' + degree + 'deg)',
 +
                        '-o-transform': 'rotate(' + degree + 'deg)',
 +
                        'transform': 'rotate(' + degree + 'deg)',
 +
            });
 +
            $("#templatemo_about .about_icon").css({
 +
                        'opacity':event_animate_alpha
 +
            });
 +
        }else{
 +
            $("#templatemo_about .imgwap").css({
 +
                        '-webkit-transform': 'rotate(' + 360 + 'deg)',
 +
                        '-moz-transform': 'rotate(' + 360 + 'deg)',
 +
                        '-ms-transform': 'rotate(' + 360 + 'deg)',
 +
                        '-o-transform': 'rotate(' + 360 + 'deg)',
 +
                        'transform': 'rotate(' + 360 + 'deg)',
 +
            });
 +
            $("#templatemo_about .about_icon").css({
 +
                        'opacity':1
 +
            });$('ul li a').unbind();
 +
        }
 +
    });</script>
</body>
</body>
<script>$('.igem_bar a').unbind();</script>
<script>$('.igem_bar a').unbind();</script>
</html>
</html>

Revision as of 18:52, 16 October 2014

FD iGEM wiki








About Our Project

<div class="imgwap mission"></div>

Contact


For more information:

Cao Xuanye
Leader of 2014FudaniGEMage

Email:12307110004@fudan.edu.cn
Phone: 86-13818791002
Website: www.igem.org
Address: 137Room, Liren Bio-hall, Fudan University, 220# Handan Road, Yangpu Area, Shanghai City.

Retrieved from "http://2014.igem.org/Team:Fudan/pro"