Line 1: | Line 1: | ||
{{Hong_Kong-CUHK}} | {{Hong_Kong-CUHK}} | ||
<html> | <html> | ||
− | + | <head> | |
− | + | <style> | |
− | + | button { | |
− | + | background-color: #4CAF50; /* Green */ | |
− | + | border: none; | |
− | + | color: white; | |
− | + | padding: 16px 32px; | |
− | background-color: # | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
text-align: center; | text-align: center; | ||
− | |||
text-decoration: none; | text-decoration: none; | ||
+ | display: inline-block; | ||
+ | font-size: 16px; | ||
+ | margin: 4px 2px; | ||
+ | -webkit-transition-duration: 0.4s; /* Safari */ | ||
+ | transition-duration: 0.4s; | ||
+ | cursor: pointer; | ||
} | } | ||
− | + | button { | |
− | + | background-color: white; | |
− | + | color: black; | |
+ | border: 2px solid #4CAF50; | ||
+ | } | ||
+ | button:hover { | ||
+ | background-color: #4CAF50; | ||
+ | color: white; | ||
} | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <p>April 2016</p> | ||
+ | <button onclick="myFunction()">+</button> | ||
− | + | <div id="myDIV"> | |
− | + | ||
− | + | <ul>Settlement of lab duties and position.</ul> | |
+ | <ul>Lab safety Training.</ul> | ||
− | < | + | <ul>Started regular meetings every wee</ul> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
+ | <script> | ||
+ | function myFunction() { | ||
+ | var x = document.getElementById('myDIV'); | ||
+ | if (x.style.display === 'none') { | ||
+ | x.style.display = 'block'; | ||
+ | } else { | ||
+ | x.style.display = 'none'; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</html> | </html> |
Revision as of 08:46, 8 August 2017