Sometimes a little user interactive web 2.0 fluff is useful for holding a visitors attention on a site,
so here is a little HTML5 canvas demo to create random numbered lottery balls that bounce around a little.
The basic page code is below and the three external javascript files can be downloaded at http://lovelogic.net/support_articles/lottery.php
there's two online demos there as well, one in page and the other is embedable for webmasters or bloggers those who don't code.


Code:
<!DOCTYPE html>
  <html><head>
  <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="chrome=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Freebie Lotto Number Picker</title>
  <style>
  body {
  overflow: hidden;
 margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px; 
  }
  .balltext{
  font-size:40px;
  color:#000000;
  font-weight: bold;
 
  }
  #canvas {
  height: 350px;
  width: 468px;
  background-repeat: no-repeat;<br />
  z-index: 2;
  }
#Layer1{
  width:468px;
  height:60px;
}
  </style>

  </head>
  <body>
  <div  id="canvas">
 
  </div>
<script src="protoclass.js"></script><br />
  <script src="box2d.js"></script><br />
  <script src="Main.js"></script><br />
  </body></html>