Salve a tutti, sto creando un sito, ma purtroppo di JS o JQ ne so PARI A 0 giusto qualcosina ma praticamente niente....

Volevo chiedervi se gentilmente potevate suggerirmi qualche script che sull'hover di button1 cambia la background di button2 (e viceversa)

attualmente ho scritto questo

HTML
codice HTML:
<button id="bt1" class="bt">aa</button>
<button id="bt2" class="bt">bb</button>
CSS
codice HTML:
#bt1 {    width: 100%; height: 50%; top:50%; left: 0;background:background:url(BARCA%20B%20SLIM.jpg) no-repeat center top; position: fixed; z-index: -2;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;    background-color: Transparent;    background-repeat:no-repeat;    border: none;    cursor:pointer;    overflow: hidden;    outline:none;}




#bt2 {width: 100%; height: 50%; top:0; left: 0;background: background:url(BARCA%20A%20SLIM.jpg) no-repeat center bottom; position: fixed; z-index: -1;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}