В уроке рассмотрим создание слайд эффекта при наведении мышки. Эфект и интерактивен и функционален. Эффект заключается в том, чтобы под изображением находился необходимый текст, и при наведении мышкой на изображений, этот текст красиво занимал место изображения. Что не быть голословным вот пример. А также тут можно сказать и все исходники нашего урока. Все реализовано на любимым нами jQuery.
Как всегда, в самом верху документа подключаем фреймворк, стили, другие скрипты. Не забываем про относительные пути к этим файлам.
[source]
[/source]
Теперь в теле документа нам необходимо в слой с классом «slideBox» поместить изображение и текст под ним. Текст в свою очередь должен находится внутри <div> с классом «content»:
[source]
[/source]
Как Вы видите под картинкой может быть не просто текст, а полноценный HTML код — функционально и интерактивно. Как говарится другого не держим