Hozzunk létre egy alap weboldalt, amelynek a felületésre helyezzünk el egy gombot.

         <button>Színváltó</button>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>Képernyő háttérszínének változtatása - 1</title>
      <meta name="author" content="Tóth Péter" />
      <meta name="copyright" content="© 2012, NYME SEK" />
      <meta http-equiv="date" content="2012-09-23" />
      <meta name="revised" content="Tóth Péter, 23/09/2012" />
      <meta name="description" content="jQuery - Képernyő háttérszínének változtatása" />
      <meta http-equiv="content-language" content="hu" />
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <script src="jquery-1.7.min.js"></script>
      <script type = "text/javascript">
         <!--
         -->
      </script>
   </head>
   <body>
      <div>
         <button>Színváltó</button>
      </div>
   </body>
</html>