В Челябинске успешно внедрена автоматизированная система безналичной оплаты проезда. При проезде в автобусе, троллейбусе, трамвае или маршрутном такси Челябинска необходимо предъявить карту кондуктору, который с помощью транспортного терминала спишет с карточки стоимость поездки.
Поскольку предполагается внедрение этой системы по всему уральскому региону решено было оживить главную страницу движением и интерактивной картинкой, заинтересовав этим потенциальных клиентов.
С помощью JQuery придаем движение. Во-первых, в центр экрана будет приезжать фирменный транспорт. Постояв некоторое время он уедет и приедет следующий, таким образом пролистаются все виды. Во-вторых все ссылки интерактивны, т.е. при наведении на левую группу рука с картой будет выезжать, а если, например, мы выбираем другой вид карты, тогда в руке появляется именно этот вид. При наведении на нижнюю группу ссылок транспорт будет уезжать, а на его место приезжать следующий. А при наведении на на правую группу - выезжать прибор.
Хочу также отметить, что мною был нарисован набор всех видов транспорта данной системы.
из этого: