Ссылки

О jQuerry

jQuery – это замечательный JavaScript Framework, который подкупает своей простотой в понимании и удобством в использовании. Для его использования начинающему админу не надо знать всех тонкостей JavaScript, и даже нет необходимости JavaScript учить. С помощью jQuery можно легко создать сайт уровня Web 2.0, необходимо всего-навсего для модификации элемента использовать ту или иную функцию jQuery.

Как обратиться к jQuery

Рисунок 1
Особенность jQuery в том, что для начала работы вы должны обеспечить доступ к фреймворку. Это можно сделать двумя способами, хотя принцип совершенно одинаков:

  • Подключение внешней библиотеки. Вы указываете путь к скриптам, которые находятся на официальном сайте jQuery http://jquery.com. В этом случае у Вас всегда самые свежие версии сценариев. Недостаток этого способа – повышенная наргузка на сервер и несколько пониженное быстродействие.
  • Размещение библиотеки сценариев у себя на сайте. В этом случае Вы скачиваете фреймворк с этого же сайта http://jquery.com и размещаете его в любой папке. Достоинство этого способа – повышенное быстродействие, ведь если вы используете jQuery для оформления многих элементов, то обращаться они будут всего к одной библиотеке. Его недостаток – «замороженность» библиотеки, то есть Вам придется регулярно обновлять версии вручную.

На рисунке 1 фреймворк расположен в той же папке, что и оформляемый с помощью jQuery элемент, хотя для InstantCMS, наверно, удобнее расположить его в папке \includes\jquery\.

Модификация элементов с помощью jQuery

Обратите внимание на запись

$("#panel").slideDown("slow");

В этой нехитрой строчке и сосредоточена вся мощь фреймворка jQuery. Если Вы немного знаете CSS (а Вы его знаете, раз пишите сайты) , то стринг »#panel» означает ID или класс элемента, который Вы хотите модифицировать с помощью jQuery. Выражение .slideDown(«slow») означает вызов функции .slideDown() с параметром «slow». Эта функция заставляет элемент скользить вниз, а параметр «slow» определяет скорость скольжения, в данном случае низкую.

Если вы запишите .slideTown(), то элемент будет скользить вверх. Этих функций очень много, и перечислять все не имеет смысла: все равно каждый день появляются новые.

Все очень просто, правда?

Более того, кроме библиотеки jquery.js существуют и другие библиотеки со своими функциями. Например, библиотека tooltip.js с функцией .easyTooltip() позволяет создать очень красивую всплывающую подсказку. Главное – принцип подключения и использования этих библиотек, и этих функций, ничем не отличается от рассмотренного примера.

В интернете Вы всегда сможете найти и учебные пособия, и справочники, и примеры с готовыми решениями. Один из таких сайтов с примерами (но далеко не единственный, конечно), http://www.ruseller.com/lessons.php?rub=32.

Указание элементов, модифицируемых с помощью jQuery

Нам всего-то осталось указать тот элемент, который мы хотим заставить медленно соскальзывать вниз. В теле документа пишем:

<div id="panel">
...
</div>

Ну и конечно, следует обозначить свойства элемента с помощью описателей CSS.


Написала feba7


Ссылки
 
jquerry.txt · Последние изменения: 2009/10/22 20:27 От feba7