Архив тегов: динамический веб-дизайн

Лаборатория Кода

JQuery на практике, или мой топ5 ++ JQuery методов

Библиотека JQuery обладает довольно обширным массивом методов и позволяет создавать галереи, или, скажем, анимацию иллюстрированных спецпредложений — со сложными динамическими эффектами. Для этих случаев обычно используются готовые скрипты, которые можно свободно скачать в интернете и установить на сайт. Подобно тому, как мы монтируем CMS в качестве движка сайта, а не выдумываем велосипед, вполне логично обращаться к нарощенным продуктам кодинга. Однако, иногда требуется снабдить дизайн выборочными динамичными эффектами, и знания их окажутся весьма кстати.

В этой статье я хочу рассказать о своём наборе JQuery-методов, который прижился в реальной практике, на примере одного из сайта своей работы. Для новичков в JQuery (среди них, кстати, не исключены профессиональные веб-дизайнеры или программисты) — может упростить понимание общих принципов работы с этим приложением. Для владельцев сайтов — послужить в качестве идейного плацдарма.

В статье рассмотрены методы:

  • Анимация объектов (.animate ())
  • Динамичная смена классов CSS (.css())
  • Динамичная смена содержимого (картинки) (.attr())
  • Действие по таймеру (setInterval)
  • Затухание и возгорание текста (.fadeIn() и .fadeOut())

В конце текста вы найдёте небольшую шпаргалку-словарик методов (написан для себя).

Следует уточнить, что в статье сознательно обходятся JQuery-методы, связанные с AJAX, т.к. это, вероятно, тема отдельной записи.
Читать дальше

Теги , ,