Difference between revisions of "Team:Mingdao"
| (7 intermediate revisions by the same user not shown) | |||
| Line 9: | Line 9: | ||
<style> | <style> | ||
| + | |||
| + | #myBtn { | ||
| + | display: none; | ||
| + | position: fixed; | ||
| + | bottom: 20px; | ||
| + | right: 30px; | ||
| + | z-index: 99; | ||
| + | font-size: 18px; | ||
| + | border: none; | ||
| + | outline: none; | ||
| + | background-color: red; | ||
| + | color: white; | ||
| + | cursor: pointer; | ||
| + | padding: 15px; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | |||
| + | #myBtn:hover { | ||
| + | background-color: #555; | ||
| + | } | ||
| + | |||
* { | * { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Line 398: | Line 419: | ||
<img class="center" src="https://static.igem.org/mediawiki/2018/9/91/T--Mingdao--HomePage_DM_p1.png" alt="" style="width:76%; margin-bottom: 0px;"> | <img class="center" src="https://static.igem.org/mediawiki/2018/9/91/T--Mingdao--HomePage_DM_p1.png" alt="" style="width:76%; margin-bottom: 0px;"> | ||
<p style="text-align:center"> | <p style="text-align:center"> | ||
| − | <a href="https://2018.igem.org/Team:Mingdao/DM_test"> <font color="#ffffff">see more </font><i class="fa fa-search" style="font-size: | + | <a href="https://2018.igem.org/Team:Mingdao/DM_test"> <font color="#ffffff">see more </font><i class="fa fa-search" style="font-size:15px; color:white"></i></a> |
| − | <a href="https://static.igem.org/mediawiki/2018/0/03/T--Mingdao--HomePage_DM.pdf"> <font color="#ffffff">PDF </font><i class="fa fa-folder-open" style="font-size: | + | <a href="https://static.igem.org/mediawiki/2018/0/03/T--Mingdao--HomePage_DM.pdf"> <font color="#ffffff"> PDF </font><i class="fa fa-folder-open" style="font-size:15px; color:white"></i></a> |
</p> | </p> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| + | <button onclick="topFunction()" id="myBtn" title="Go to top">Top</button> | ||
| + | |||
| + | |||
| + | <script> | ||
| + | // When the user scrolls down 20px from the top of the document, show the button | ||
| + | window.onscroll = function() {scrollFunction()}; | ||
| + | |||
| + | function scrollFunction() { | ||
| + | if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { | ||
| + | document.getElementById("myBtn").style.display = "block"; | ||
| + | } else { | ||
| + | document.getElementById("myBtn").style.display = "none"; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // When the user clicks on the button, scroll to the top of the document | ||
| + | function topFunction() { | ||
| + | document.body.scrollTop = 0; | ||
| + | document.documentElement.scrollTop = 0; | ||
| + | } | ||
| + | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:Mingdao/test6}} | {{:Team:Mingdao/test6}} | ||
Latest revision as of 02:37, 18 October 2018
Quote
“”
Follow us on
Contact us
Phone: +886-4-23341797
EMAIL: biolab@ms.mingdao.edu.tw
No.497, Sec. 1, Zhongshan Rd., Wuri District, Taichung City 414, Taiwan (R.O.C.)