Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....

 

Изменить часть картинки

Автор Miheich, 08-08-2014, 20:22:33

« назад - далее »

MiheichTopic starter

Вечер добрый вопрос такой небольшой буду благодарен если подскажете вот картинка на сайте есть http://pro-motorik.ru/images/vse_sistems.png. Хочу сделать такой эффект чтоб при наведении курсора коробочки с автохимией изменялись каждая по отдельности и были ссылками можно это сделать html и css или что то по круче нужно Java скрипты, php?
  •  


Haosame

#1
Если совсем простая анимация: Можно попробовать через CSS, используя изображения как ссылки. Свойство a:hover. И с позиционированием позаморачиваться.
Если хочется чего-то более крутого: Можно через jQuery (библиотека JS) с использованием какого-либо mouseover(), а дальше что душа пожелает. Но все равно через CSS придется задать расположение.

Основная идея такая:
Делаем большую картинку в виде фона. А "коробочки с автохимией" оборачиваем div'ами. Тогда с ними все что угодно можно будет делать.
  •  


bibika

На фон ложем картинку с машиной, а на ней в блоках размещаем другие 4 картинки, смену картинки можно сделать по событию на наведение

MiheichTopic starter

Спасибо друзья буду пробовать :)
  •  



Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....