Team:UESTC

From 2013.igem.org

Revision as of 14:02, 26 October 2013 by BillXue (Talk | contribs)

hidde original style

Hello,welcome to visit our Wiki, for better view, please use chrome, firefox, safari .etc modern browser.

<head data-gwd-animation-mode="proMode">
   <title>main</title>
   <link type="text/css" href="https://2013.igem.org/Team:UESTC/home.css?action=raw&ctype=text/css" rel="stylesheet"/>
   <link type="text/css" href="https://2013.igem.org/Team:UESTC/nav.css?action=raw&ctype=text/css" rel="stylesheet"/>
   <script src="https://2013.igem.org/Team:UESTC/js/libs/modernizr-2.0.6.min.js?action=raw&ctype=text/javascript"></script>
   <style type="text/css">
       .panel {
           width:100%;
       }
   </style>
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-36212355-2']);
        _gaq.push(['_trackPageview']);
        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
        var ww = document.body.clientWidth;
        $(document).ready(function () {
            $(".nav li a").each(function () {
                if ($(this).next().length > 0) {
                    $(this).addClass("parent");
                };
            })
            $(".toggleMenu").click(function (e) {
                e.preventDefault();
                $(this).toggleClass("active");
                $(".nav").toggle();
            });
            adjustMenu();
        })
        $(window).bind('resize orientationchange', function () {
            ww = document.body.clientWidth;
            adjustMenu();
        });
        var adjustMenu = function () {
            if (ww < 650) {
                $(".toggleMenu").css("display", "inline-block");
                if (!$(".toggleMenu").hasClass("active")) {
                    $(".nav").hide();
                } else {
                    $(".nav").show();
                }
                $(".nav li").unbind('mouseenter mouseleave');
                $(".nav li a.parent").unbind('click').bind('click', function (e) {
                    // must be attached to anchor element to prevent bubbling
                    e.preventDefault();
                    $(this).parent("li").toggleClass("hover");
                });
            }
            else if (ww >= 650) {
                $(".toggleMenu").css("display", "none");
                $(".nav").show();
                $(".nav li").removeClass("hover");
                $(".nav li a").unbind('click');
                $(".nav li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function () {
                    // must be attached to li so that mouseleave is not triggered when hover over submenu
                    $(this).toggleClass('hover');
                });
            }
        }
   </script>


</head> <body>

   <nav class="panel">
       <a class="toggleMenu" href="#">Menu</a>
   </nav>

Hi! We are 2013 iGEM Competition Software Team UESTC

(University of Electronic Science and Technology of China)


</body> </html>