"
Team:NYMU-Taipei/NYMU14 Style
From 2014.igem.org
(Difference between revisions)
| Line 2: | Line 2: | ||
</p> | </p> | ||
<script type="text/javascript" src="/Team:NYMU-Taipei/spin.js?action=raw&ctype=text/javascript"></script> | <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'></div></div> | + | <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> | <script> | ||
| - | |||
var opts = { | var opts = { | ||
lines: 13, // The number of lines to draw | lines: 13, // The number of lines to draw | ||
| Line 13: | Line 12: | ||
rotate: 0, // The rotation offset | rotate: 0, // The rotation offset | ||
direction: 1, // 1: clockwise, -1: counterclockwise | direction: 1, // 1: clockwise, -1: counterclockwise | ||
| - | color: '# | + | color: '#FFF', // #rgb or #rrggbb or array of colors |
speed: 1, // Rounds per second | speed: 1, // Rounds per second | ||
trail: 60, // Afterglow percentage | trail: 60, // Afterglow percentage | ||
| Line 23: | Line 22: | ||
left: '50%' // Left position relative to parent | left: '50%' // Left position relative to parent | ||
}; | }; | ||
| + | var target = document.getElementById('waitmask'); | ||
var spinner = new Spinner(opts).spin(target); | var spinner = new Spinner(opts).spin(target); | ||
</script> | </script> | ||
Latest revision as of 19:21, 15 October 2014
