title: change the entire page background when I click on a button
body: <p>so here is my question:</p>
  
  <p>lets say I have a page with 3 buttons. each contains a unique pattern as as background. I want to change the entire page background image once I click/ hover on one of the buttons.</p>
  
  <p>what I need is something similar to <a href="http://subtlepatterns.com/" rel="nofollow">http://subtlepatterns.com/</a>
  I dont need a stop preview option, as long as the background image change again when I select a different button.</p>
  
  <p>how can I do that?</p>
  
  <p>also, if its not possible, this will also work for me:
  change the color of a DIV (instead of the entire page background) whenever I click/ hover on one of the buttons.</p>