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