Skip to content

Instantly share code, notes, and snippets.

@vstoykov
Created November 5, 2012 17:30
Show Gist options
  • Save vstoykov/4018629 to your computer and use it in GitHub Desktop.
Save vstoykov/4018629 to your computer and use it in GitHub Desktop.
Simple page that rotate some main colors ('white', 'reg', 'green', 'blue', 'cyan', 'yellow', 'magenta', 'black') to test pixels of the LCD monitor.
<html>
<head>
<style type="text/css">
html, body { width: 100%; height: 100%; overflow: hidden; padding: 0; margin: 0; border: 0;}
.bg-white { background: #FFFFFF; }
.bg-red { background: #FF0000; }
.bg-green { background: #00FF00; }
.bg-blue { background: #0000FF; }
.bg-cyan { background: #00FFFF; }
.bg-yellow { background: #FFFF00; }
.bg-magenta { background: #FF00FF; }
.bg-black { background: #000000; }
</style>
<script type="text/javascript">
var colors = ['white', 'red', 'green', 'blue', 'cyan', 'yellow', 'magenta', 'black'],
current_color = 0;
function changeColor(body) {
current_color += 1;
if (current_color > colors.length) current_color = 0;
body.className = 'bg-' + colors[current_color];
}
</script>
</head>
<body class="bg-white" onClick="changeColor(this);">
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment