у меня есть кнопка в формате jpg.
Я хотел бы, чтоб при наведении на неё курсора она как-то менялась,
например немного смещала свои координаты 
или увеличивалась (принцип A:hover для текста).
подскажите пожалуйста что можно сделать.
Заранее очень благодарен!

И как можно делать красивые анимированные кнопки? Где почитать?

Примеры с кнопками
http://sparkssoft.com/jscript/Button_Effects/index.html

Материал для чтения и понимания с примерами
http://www.postroika.ru/programming/eventsjs.html

А вообще юзай CSS Sprites - экономит кучу времени, места, да к тому же очень удобно. Сам недавно узнал и перевел все картинки последнего проекта на него. В Гугле все узнаешь ...

Люди, помогите чайнику.
Было две картинки 79 на 79. С помощью сайта собрал общую картинку, размещаются рядом, горизонтально.
Сайт выдал код:

.base-class {
    background: transparent url('base-class.png') no-repeat;
    height: 79px;
    width: 79px;
}

.class-1 {
    background-position: -79px 0;
}

как его теперь вставить в html, чтобы она менялась. Я так понимаю, что данный код надо вставить в <style>,
а что надо вставить в <body>, чтобы она начала отображаться?

  
Уважаемый ALFERIUS создайте свою тему а не пишите в чужой .. Ваш вопрос никак
не пересекается с данной темой.
При создании темы опишите проблему более понятным языком чем это представлено выше ..
и я уверен вам смогут помощь.

Извините, если действительно не в тему, просто вопрос именно про изменение картинок при наведении курсора.
Но к великой моей радости, за сегодняшний день я эту проблему решил. Спасибо за понимаие.