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>
<head>
<title>Worker</title>
<style>
body {
font-family: sans-serif;
}
#status {
height: 200px;
max-height: 200px;
border: thin solid black;
overflow-y: scroll;
}
#square {
position: absolute;
left: 0px;
top: 0px;
width: 75px;
height: 75px;
background-color: rgba(0, 0, 220, 0.3);
z-index: -1;
}
</style>
</head>
<body>
<title>Web Worker</title>
<style>
body {
font-family: sans-serif;
}
#status {
height: 200px;
max-height: 200px;
border: thin solid black;
overflow-y: scroll;
}
#square {
position: absolute;
left: 0px;
top: 0px;
width: 75px;
height: 75px;
background-color: rgba(0, 0, 220, 0.3);
z-index: -1;
}
</style>
<article>
<h1>Web Worker Demo</h1>
<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>
@ -33,6 +30,5 @@
<h2>Messages from Worker:</h2>
<div id="status"></div>
<div id="square"></div>
<script src="../js/worker-main.js"></script>
</body>
</html>
<script src="/js/worker-main.js"></script>
</article>