Слайд эффект при наведении мышки на jQuery

2345634534В уроке рассмотрим создание слайд эффекта при наведении мышки. Эфект и интерактивен и функционален. Эффект заключается в том, чтобы под изображением находился необходимый текст, и при наведении мышкой на изображений, этот текст красиво занимал место изображения. Что не быть голословным вот пример. А также тут можно сказать и все исходники нашего урока. Все реализовано на любимым нами jQuery.

Как всегда, в самом верху документа подключаем фреймворк, стили, другие скрипты. Не забываем про относительные пути к этим файлам.

[source]


Эффект для изображений — world-blog.ru


[/source]

Теперь в теле документа нам необходимо в слой с классом «slideBox» поместить изображение и текст под ним. Текст в свою очередь должен находится внутри <div> с классом «content»:

[source]

testing

Блог World Programs. Ajax, SEO, Linux, PHP, Mysql, Adobe, Дизайн и другие статьи.

В этом блоге наша команда собирает самые интересные материалы посвященные веб программированию, веб дизайну, верстке и т.д., одним словом связаные с нашей работой. Это общедоступный архив наиболее интересных материалов нашей компании.

[/source]

Как Вы видите под картинкой может быть не просто текст, а полноценный HTML код — функционально и интерактивно. Как говарится другого не держим