Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > как сделать эффект при наведении на кнопку (.JPG)


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

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

Автор: smartov 18.6.2008, 10:18
Примеры с кнопками
http://sparkssoft.com/jscript/Button_Effects/index.html

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

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

Автор: ALFERIUS 9.7.2008, 22:10
Люди, помогите чайнику.
Было две картинки 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>, чтобы она начала отображаться?

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

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)