(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{ | + | {{XJTU-China/style}} |
− | {{XJTU-China}} | + | {{XJTU-China/youtube}} |
− | <html> | + | <html lang="en" dir="ltr"> |
+ | <head> | ||
+ | <title>Team:XJTU-China/Model</title> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="keywords" content="iGEM,Xi'an Jiaotong University,XJTU-China,Tryptophan, | ||
+ | Trp,Biosynthesis,E.coli"> | ||
+ | <meta name="description" | ||
+ | content="Welcome to 2021 XJTU-China. Please check our recent work on tryptophan biosynthesis via E.coli"> | ||
+ | <meta name="viewport" | ||
+ | content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China&action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/font_awesome_min&action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrap&action=raw&ctype=text/css" /> | ||
+ | <!-- <link rel="stylesheet" type="text/css" | ||
+ | href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/youtube&action=raw&ctype=text/css" /> --> | ||
+ | </head> | ||
− | < | + | <body> |
− | < | + | <!--banner--> |
− | < | + | <section> |
− | < | + | <div class="container row fixedBackground"> |
− | </ | + | <div class="fixedBackgroundImg" |
+ | style="background-image: url(https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg);"> | ||
+ | </div> | ||
+ | <div class="pageHeadline"><span>Model</span></div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!--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> | ||
+ | <!--dr-menuSliding--> | ||
+ | <script> | ||
+ | var fsliding = (function () { | ||
+ | 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 drMenuHeight = drMenu.height(); | ||
+ | var headerHeight = $("header").height(); | ||
− | < | + | if (pageWidth < 992) { |
− | + | drMenu.hide(); | |
− | + | } | |
− | + | else { | |
− | + | drMenu.show(); | |
− | + | // drmenu到底, -5px莫名其妙 | |
− | + | if (scroll - 5 - (0.7 * pageHeight - headerHeight) + drMenuHeight >= containerHeight) { | |
− | + | drMenu.css({ | |
− | + | "position": "relative", | |
− | + | "top": (containerHeight - drMenuHeight).toString() + "px" | |
− | + | }); | |
− | + | } | |
− | + | //滑动时,-5px莫名其妙 | |
− | + | else if (scroll - 5 > 0.7 * pageHeight - headerHeight) { | |
− | + | drMenu.css({ | |
− | + | "position": "fixed", | |
− | + | "top": (headerHeight + 100).toString() + "px" | |
− | + | }); | |
− | + | } | |
− | + | //未滑动时 | |
− | + | else { | |
− | + | drMenu.css({ | |
− | + | "position": "relative", | |
− | + | "top": "0" | |
− | + | }); | |
− | + | } | |
− | + | } | |
− | + | }) | |
− | + | })() | |
− | + | </script> | |
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | </ | + | |
</html> | </html> | ||
+ | {{XJTU-China/header}} | ||
+ | {{XJTU-China/footer}} |
Revision as of 02:49, 20 September 2021
Model