Team:NYMU-Taipei/NYMU14 Style
From 2014.igem.org
(Difference between revisions)
(20 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
</p> | </p> | ||
- | < | + | <script type="text/javascript" src="/Team:NYMU-Taipei/spin.js?action=raw&ctype=text/javascript"></script> |
+ | <div class="preloading" style="margin-top: 20px; width: 100%; height: 100%; position: fixed; text-align: center; z-index: 100; font-size: 48px; line-height: 60px;"><div id='waitmask' style='position: fixed;width: 250px;height: 250px;margin: 0 auto;top: 50%;left: 50%;margin-left: -125px;margin-top: -125px;background-color: rgba(2,2,2,0.5);border-radius: 20px;'></div></div> | ||
+ | <script> | ||
+ | var opts = { | ||
+ | lines: 13, // The number of lines to draw | ||
+ | length: 20, // The length of each line | ||
+ | width: 10, // The line thickness | ||
+ | radius: 30, // The radius of the inner circle | ||
+ | corners: 1, // Corner roundness (0..1) | ||
+ | rotate: 0, // The rotation offset | ||
+ | direction: 1, // 1: clockwise, -1: counterclockwise | ||
+ | color: '#FFF', // #rgb or #rrggbb or array of colors | ||
+ | speed: 1, // Rounds per second | ||
+ | trail: 60, // Afterglow percentage | ||
+ | shadow: false, // Whether to render a shadow | ||
+ | hwaccel: false, // Whether to use hardware acceleration | ||
+ | className: 'spinner', // The CSS class to assign to the spinner | ||
+ | zIndex: 2e9, // The z-index (defaults to 2000000000) | ||
+ | top: '50%', // Top position relative to parent | ||
+ | left: '50%' // Left position relative to parent | ||
+ | }; | ||
+ | var target = document.getElementById('waitmask'); | ||
+ | var spinner = new Spinner(opts).spin(target); | ||
+ | </script> | ||
<!-- Scripts --> | <!-- Scripts --> | ||
<!--[if lt IE 9]> | <!--[if lt IE 9]> | ||
Line 216: | Line 239: | ||
} | } | ||
</style> | </style> | ||
- | + | ||
</html> | </html> |
Latest revision as of 19:21, 15 October 2014