(20 intermediate revisions by the same user not shown) | |||
Line 33: | Line 33: | ||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
− | function | + | function setleft() { |
− | $("# | + | $("#pic_1_1").removeClass(("top_pic_hid")).addClass(("top_pic")); |
+ | $("#pic_1_2").removeClass(("top_pic_hid_2")).addClass(("top_pic_2")); | ||
+ | $("#pic_2").removeClass(("top_pic")).addClass(("top_pic_hid")); | ||
} | } | ||
− | function | + | function setright() { |
− | $("# | + | $("#pic_1_1").removeClass(("top_pic")).addClass(("top_pic_hid")); |
+ | $("#pic_1_2").removeClass(("top_pic_2")).addClass(("top_pic_hid_2")); | ||
+ | $("#pic_2").removeClass(("top_pic_hid")).addClass(("top_pic")); | ||
} | } | ||
</script> | </script> | ||
<!--Work in Progress end--> | <!--Work in Progress end--> | ||
+ | <style> | ||
+ | .top_pic{ | ||
+ | width:100%; | ||
+ | position:absolute; | ||
+ | z-index:99; | ||
+ | transition-duration: 1s; | ||
+ | opacity: 1; | ||
+ | left:0; | ||
+ | top:0; | ||
+ | } | ||
+ | .top_pic_hid_2{ | ||
+ | width:100%; | ||
+ | position:relative; | ||
+ | z-index:100; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | .top_pic_2{ | ||
+ | animation: Change2 3s linear infinite; | ||
+ | width:100%; | ||
+ | position:relative; | ||
+ | z-index:100; | ||
+ | } | ||
+ | @keyframes Change2 { | ||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | 50%{ | ||
+ | opacity: 1; | ||
+ | } | ||
+ | 100% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | .top_pic_hid { | ||
+ | width: 100%; | ||
+ | position: absolute; | ||
+ | z-index: 99; | ||
+ | transition-duration: 1s; | ||
+ | opacity: 0; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | } | ||
+ | .main_next{ | ||
+ | bottom:11%; | ||
+ | right:10%; | ||
+ | width:10%; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .main_next:hover{ | ||
+ | transform: scale(1.2); | ||
+ | -webkit-transform: scale(1.2); | ||
+ | -moz-transform: scale(1.2); | ||
+ | -o-transform: scale(1.2); | ||
+ | -ms-transform: scale(1.2); | ||
+ | } | ||
+ | .Hm_branding_img{ | ||
+ | position: relative; | ||
+ | float:left; | ||
+ | height:134px; | ||
+ | width:134px; | ||
+ | margin:0 0 0 0; | ||
+ | z-index: 9999; | ||
+ | left:17px; | ||
+ | } | ||
+ | .Hm_branding_img_w{ | ||
+ | position: relative; | ||
+ | height:42px; | ||
+ | width:133px; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | z-index: 9999; | ||
+ | } | ||
+ | .Hm_branding{ | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | height:150px; | ||
+ | width:133px; | ||
+ | top:5px; | ||
+ | left:3%; | ||
+ | z-index: 9999; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
Line 51: | Line 138: | ||
}; | }; | ||
</script> | </script> | ||
+ | |||
+ | |||
<div class="scrollbar" id="bar" ></div> | <div class="scrollbar" id="bar" ></div> | ||
<div class="branding_f" id="branding_f"> | <div class="branding_f" id="branding_f"> | ||
Line 133: | Line 222: | ||
<!--nav end--> | <!--nav end--> | ||
− | <div id=" | + | <div id="Hm_branding" class="Hm_branding"> |
− | <img id="branding_img" src="https://static.igem.org/mediawiki/2018/ | + | <img id="branding_img" src="https://static.igem.org/mediawiki/2018/f/f1/T--NJU-China--2018--Logo2.png" class="Hm_branding_img" alt="branding_img"> |
− | + | ||
</div> | </div> | ||
<!--ner-back start--> | <!--ner-back start--> | ||
Line 143: | Line 231: | ||
<img id="ner-back-img" class="ner-back-img" src="https://static.igem.org/mediawiki/2018/d/d6/T--NJU-China--PageUp.png" alt="ner-back" onclick="returnTop()"> | <img id="ner-back-img" class="ner-back-img" src="https://static.igem.org/mediawiki/2018/d/d6/T--NJU-China--PageUp.png" alt="ner-back" onclick="returnTop()"> | ||
</div> | </div> | ||
− | <div | + | <div class="top"> |
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <img id="pic_1_1" class="top_pic" src="https://static.igem.org/mediawiki/2018/e/ed/T--NJU-China--2018--Home1-1.png" alt="top_pic" style=""> |
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <img id="pic_1_2" class="top_pic_2" src="https://static.igem.org/mediawiki/2018/5/59/T--NJU-China--2018--Home1-2.png" style=""> |
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <img id="pic_2" class="top_pic_hid" src="https://static.igem.org/mediawiki/2018/a/a2/T--NJU-China--2018--Home2.png" style=""> |
+ | <div id="left" onclick="setleft()" style="position: absolute;width: 8%;top: 43%;height: 14%;left: 6%;z-index:999;cursor: pointer;"></div> | ||
+ | <div id="right" onclick="setright()" style="position: absolute;width: 8%;top: 43%;height: 14%;right: 6%;z-index:999;cursor: pointer;"></div> | ||
</div> | </div> | ||
− | <div id=" | + | <div id="main" class="main"> |
− | + | <img src="https://static.igem.org/mediawiki/2018/5/5e/T--NJU-China--2018--main_frame.png" style="width:100%"/> | |
− | < | + | <a href="https://2018.igem.org/Team:NJU-China/Project"><img class="main_next" src="https://static.igem.org/mediawiki/2018/6/64/T--NJU-China--2018--Next.png" /></a> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div id="footer" class="footer"> | <div id="footer" class="footer"> | ||
<img src="https://static.igem.org/mediawiki/2018/a/a6/T--NJU-China--footer-img2.png" class="footer_img"/> | <img src="https://static.igem.org/mediawiki/2018/a/a6/T--NJU-China--footer-img2.png" class="footer_img"/> |
Latest revision as of 16:50, 17 October 2018
Now Loading...