Team:NYMU-Taipei/NYMU14 Style

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
</p>
</p>
 +
<script type="text/javascript" src="/Team:NYMU-Taipei/spin.js?action=raw&amp;ctype=text/javascript"></script>
<div class="preloading" style="display:none; margin-top: 20px; width: 100%; height: 100%; position: absolute; background-color: #FFFFFF; text-align: center; z-index: 100; font-size: 48px; line-height: 60px;">Loading...</div>
<div class="preloading" style="display:none; margin-top: 20px; width: 100%; height: 100%; position: absolute; background-color: #FFFFFF; text-align: center; z-index: 100; font-size: 48px; line-height: 60px;">Loading...</div>
 +
<div class="preloading" style="margin-top: 20px; width: 100%; height: 100%; position: absolute; text-align: center; z-index: 100; font-size: 48px; line-height: 60px;"><div id='waitmask'></div></div>
 +
<script>
 +
document.getElementById("demo").innerHTML = "Hello JavaScript!";
 +
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: '#000', // #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]>

Revision as of 18:13, 15 October 2014