Mirror
/
html5demos
mirror of https://github.com/Erreur32/html5demos.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

tweaked markup to work as an include

This commit is contained in:
Remy Sharp 2012-12-10 10:44:20 +00:00
parent b74ad4d993
commit a027a384ac
1 changed files with 26 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
demos/worker.html
View File

@ -1,30 +1,27 @@
<html> <title>Web Worker</title>
<head> <style>
<title>Worker</title> body {
<style> font-family: sans-serif;
body { }
font-family: sans-serif;
} #status {
height: 200px;
#status { max-height: 200px;
height: 200px; border: thin solid black;
max-height: 200px; overflow-y: scroll;
border: thin solid black; }
overflow-y: scroll;
} #square {
position: absolute;
#square { left: 0px;
position: absolute; top: 0px;
left: 0px; width: 75px;
top: 0px; height: 75px;
width: 75px; background-color: rgba(0, 0, 220, 0.3);
height: 75px; z-index: -1;
background-color: rgba(0, 0, 220, 0.3); }
z-index: -1; </style>
} <article>
</style>
</head>
<body>
<h1>Web Worker Demo</h1> <h1>Web Worker Demo</h1>
<p>Works in Chrome, Safari, and Firefox. Web worker portion works in Opera.</p> <p>Works in Chrome, Safari, and Firefox. Web worker portion works in Opera.</p>
<p>Use arrow keys to change the direction of the animated square. The square is animated with <em>requestAnimationFrame</em>.</p> <p>Use arrow keys to change the direction of the animated square. The square is animated with <em>requestAnimationFrame</em>.</p>
@ -33,6 +30,5 @@
<h2>Messages from Worker:</h2> <h2>Messages from Worker:</h2>
<div id="status"></div> <div id="status"></div>
<div id="square"></div> <div id="square"></div>
<script src="../js/worker-main.js"></script> <script src="/js/worker-main.js"></script>
</body> </article>
</html>