Эффект исчезновения текста при наведении/ролловере

Я ищу, чтобы узнать, как создается этот эффект:

http://www.thesartorialist.com/category/men/

(когда на этом сайте наведите курсор на изображение - ссылка/катион проскальзывает с той стороны, с которой вы "заходите" на фото).

Что я хотел знать, так это то, как фон и панель ссылок исчезают, а затем, как они узнают, с какой стороны изображения вы вводите?

Я вижу, что есть CSS для преувеличения, который вызывает наложение черного градиентного изображения, но не более того.

Спасибо заранее..

Алекс


person awrench    schedule 20.05.2012    source источник
comment
Это jQuery в действии. Это отличный навык, и есть много ресурсов, чтобы изучить его, но это может быть слишком много для одного вопроса.   -  person tzerb    schedule 21.05.2012


Ответы (1)


для скольжения полосы внутрь и наружу рассмотрите возможность использования -- http://docs.jquery.com/UI/Effects/Slide

И чтобы получить сторону, с которой он должен войти, вы могли бы сделать некоторые сырые вещи. То есть для наведения на каждое изображение вы можете получить положение мыши из объекта события как event.pageX, а затем вы всегда можете узнать, какая сторона изображения находится в этой точке, поскольку у вас есть ширина изображения, и offsetLeft изображения.

Как только вы получите точку входа мыши, переместите панель в эту сторону, установив css для панели с помощью jquery, а затем просто вставьте ее в нужном направлении.

Удачи.

person Nahian Khondoker    schedule 20.05.2012