css:
background-image
odnosno putem js-a, u tvom primeru
Code:
this.style.backgroundImage='url(image.jpg)';
Mada, po meni, je bolje ići time da se od te dve slike koje ćeš koristiti napraviti jednu i onda samo na evente mauseOver i mouseOut menjati poziciju slike (css: background-position), kako se ne bi čekalo na učitavanje slika, ili ukoliko ne želiš ići da menjanjem pozicije napraviti preloader za drugu sliku.
Sve ovo možeš uraditi i samo putem css, upotrebom pseudo klase
hover, samo obrati pažnju da najčešće korišćeni browser IE, podržava dodavanje hover pseudo klase samo na a element.
Isto tako, za promenu pozadinske boje, takođe korisit css (background-color), odnosno u tvom primeru:
Code:
this.style.backgroundColor = '#369'
Banned - Not available
JavaScript OnMouseOut i OnMouseOver
