Difference between revisions of "Team:XJTU-China/Description"

Line 285: Line 285:
 
                             "position": "relative",
 
                             "position": "relative",
 
                             "top": "16px"
 
                             "top": "16px"
−
                        });
 
−
                    }
 
−
                }
 
−
            }
 
−
        })
 
−
    </script>
 
−
</body>
 
−
 
−
</html>
 
−
{{XJTU-China/header}}
 
−
{{XJTU-China/footer}}e main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.
 
−
                        To close the menu, the menu icon needs to be clicked again.
 
−
                        This menu is inspired by the left side menu found on YouTube. When clicking on the menu label
 
−
                        and
 
−
                        icon,
 
−
                        the main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.ide menu found on YouTube. When clicking on the menu label and
 
−
                        icon,
 
−
                        To close the menu, the menu icon needs to be clicked again.
 
−
                        This menu is inspired by the left side menu found on YouTube. When clicking on the menu label
 
−
                        and
 
−
                        icon,
 
−
                        the main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.</p>
 
−
                    <p class="green" id="part5">
 
−
                        PART5 To close the menu, the menu icon needs to be clicked again.
 
−
                        This menu is inspired by the left side menu found on YouTube. When clicking on the menu label
 
−
                        and
 
−
                        icon,
 
−
                        the main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.
 
−
                        the main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.
 
−
                        To close the menu, the menu icon needs t
 
−
                        To close the menu, the menu icon needs to be clicked again.
 
−
                        This menu is inspired by the left side menu found on YouTube. When clicking on the menu label
 
−
                        and
 
−
                        icon,
 
−
                        the main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.
 
−
                        To close the menu, the menu icon needs to be clicked again.
 
−
                        This menu is inspired by the left side menu found on YouTube. When clicking on the menu label
 
−
                        and
 
−
                        icon,
 
−
                        the main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.o be clicked again.
 
−
                        This menu is inspired by the left side menu found on YouTube. When clicking on the menu label
 
−
                        and
 
−
                        icon,
 
−
                        the main menu appears beneath and t
 
−
                        To close the menu, the menu icon needs to be clicked again.
 
−
                        This menu is inspired by the left side menu found on YouTube. When clicking on the menu label
 
−
                        and
 
−
                        icon,
 
−
                        the main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.
 
−
                        To close the menu, the menu icon needs to be clicked again.
 
−
                        This menu is inspired by the left side menu found on YouTube. When clicking on the menu label
 
−
                        and
 
−
                        icon,
 
−
                        the main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.he menu icon slides to the right side while the label slides
 
−
                        up.
 
−
                        To close the menu, the menu icon needs to be clicked again.
 
−
                        >This menu is inspired by the left side menu found on YouTube. When clicking on the menu label
 
−
                        and
 
−
                        icon,
 
−
                        the main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.
 
−
                        To close the menu, the menu icon needs to be clicked again.
 
−
 
−
                        his menu is inspired by the left side menu found on YouTube. When clicking on the menu label and
 
−
                        icon,
 
−
                        the main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.
 
−
                        To close the menu, the menu icon needs to be clicked again.This menu is inspired by the left
 
−
                        side
 
−
                        menu found on YouTube. When clicking on the menu label and
 
−
                        icon,
 
−
                        the main menu appears beneath and the menu icon slides to the right side while the label slides
 
−
                        up.
 
−
                        To close the menu, the menu icon needs to be clicked again.</p>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
−
    </section>
 
−
    <!--//about-->
 
−
 
−
    <!--JS-->
 
−
    <script type="text/javascript"
 
−
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/jquery&action=raw&ctype=text/javascript"></script>
 
−
    <script type="text/javascript"
 
−
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrapJS&action=raw&ctype=text/javascript"></script>
 
−
    <script type="text/javascript"
 
−
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/lottie&action=raw&ctype=text/javascript"></script>
 
−
    <script type="text/javascript"
 
−
        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/ytmenu&action=raw&ctype=text/javascript"></script>
 
−
    <!--//JS-->
 
−
 
−
    <!--Temporary script-->
 
−
    <!--smoothNav-->
 
−
    <script>
 
−
        window.addEventListener('scroll', () => {
 
−
            var h = document.getElementById('topHeader');
 
−
            height = h.clientHeight;
 
−
            let header = document.querySelector('header');
 
−
            let logo = document.querySelector('.logo');
 
−
            header.classList.toggle('sticky', window.scrollY > height);
 
−
            logo.classList.toggle('sticky', window.scrollY > height);
 
−
        })
 
−
    </script>
 
−
    <!--to-top btn-->
 
−
    <script>
 
−
        $(document).ready(function () {
 
−
            $("#to-top").hide();
 
−
            $(function () {
 
−
                $(window).scroll(function () {
 
−
                    if ($(window).scrollTop() > 600) {
 
−
                        $("#to-top").fadeIn(500);
 
−
                    } else {
 
−
                        $("#to-top").fadeOut(500);
 
−
                    }
 
−
                });
 
−
                $("#to-top").click(function () {
 
−
                    $('body,html').animate({
 
−
                        scrollTop: 0
 
−
                    }, 500);
 
−
                    return false;
 
−
                });
 
−
            });
 
−
        });
 
−
    </script>
 
−
 
−
    <!--dr-menuSliding-->
 
−
    <script>
 
−
        window.addEventListener('scroll', function () {
 
−
            var scroll = $(window).scrollTop();
 
−
            var pageHeight = $(window).height();
 
−
            var pageWidth = $(window).width();
 
−
            var drMenu = $(".dr-menu");
 
−
            var containerHeight = $("#container").height();
 
−
            var containerTop = $("#container").offset().top;
 
−
            var drMenuHeight = drMenu.height();
 
−
 
−
            if (pageWidth < 992) {
 
−
                drMenu.hide();
 
−
            }
 
−
            else {
 
−
                drMenu.show();
 
−
                if (scroll + drMenuHeight >= containerHeight + containerTop - 200) {
 
−
                    drMenu.css({
 
−
                        "position": "relative",
 
−
                        "top": (containerHeight - drMenuHeight - 50).toString() + "px"
 
−
                    });
 
−
                }
 
−
                else {
 
−
                    if (scroll > 0.7 * pageHeight) {
 
−
                        drMenu.css({
 
−
                            "position": "fixed",
 
−
                            "top": "150px"
 
−
                        });
 
−
                    }
 
−
                    else {
 
−
                        drMenu.css({
 
−
                            "position": "relative",
 
−
                            "top": "20px"
 
 
                         });
 
                         });
 
                     }
 
                     }

Revision as of 09:18, 9 July 2021

Project

hin./ious

PART1 This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left s To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,

PART2 To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,

PART3 the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,

PART4 the main menu appears beneath and the menu icon slides to the right side while the label slides up.o be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.ide menu found on YouTube. When clicking on the menu label and icon, To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.

PART5 To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.o be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.he menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. >This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. his menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again.This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again.

contact us

Xi'an Jiaotong University
28 Xianning West Road
Xi'an, Shaanxi, China, 710049
xjtu_igem@xjtu.edu.cn
Made with ❤️ by  
XJTU-iGEMers