Permalink
Browse files

background teaser

  • Loading branch information...
1 parent 8c6e9ba commit 4733e169c45f7bdb929cbf1b18bcce89928204cf Conrad Dean committed Jan 22, 2012
Showing with 169 additions and 0 deletions.
  1. +165 −0 background/index.html
  2. +4 −0 background/jquery-1.7.1.min.js
View
@@ -0,0 +1,165 @@
+<html>
+ <head>
+ <style>
+ body{
+ background: #225;
+ overflow:hidden;
+ padding:0px;
+ }
+ div{
+ padding:0px;
+ width:110%;
+ }
+ ul{
+ margin:0px;
+ padding:0px;
+ list-style:none;
+ display:inline-block;
+ position:relative;
+ top: -20px;
+ left: -20px;
+ }
+ li{
+ width:100px;
+ height:100px;
+ background:purple;
+ float:left;
+ margin:10px;
+ }
+ </style>
+ <script src="jquery-1.7.1.min.js"></script> <!-- because I'm lazy -->
+ <script>
+ var hexes = "0123456789abcdef";
+ var randHex = function(){
+ var i = Math.floor(Math.random()*16);
+ return hexes[i];
+ }
+ var randomColor = function(){
+ var c = "#";
+ for(var i = 0; i < 6; i++){
+ c += randHex()
+ }
+ return c;
+ }
+ var randomize = function(){
+ $("li").each(function(){
+ $(this).css("background",randomColor());
+ });
+ }
+ var gameloop = function(){
+ randomize();
+ setTimeout(gameloop,1000);
+ }
+ $(document).ready(function(){
+ gameloop();
+ });
+ </script>
+ </head>
+ <body>
+ <div>
+ <ul>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ <li> </li>
+ </ul>
+ </div>
+ </body>
+</html>
Oops, something went wrong.

0 comments on commit 4733e16

Please sign in to comment.