Використання jQuery для створення звичайної веб-сторінки

jquery

JavaScript не найпростіший з мов для вивчення. Багатьох веб-розробників, які розуміють стандартний HTML, це досить лякає. Нова порода фреймворків JavaScript існує вже деякий час і починає поступово потрапляти в Інтернет.

Всі сучасні браузери здатні ефективно запускати JavaScript (деякі останні зміни до Firefox справді пришвидшили свій двигун). Я настійно рекомендую завантажувати та використовувати Firefox - plugins самі по собі роблять це безцінним.

jQuery - це фреймворк JavaScript, з яким я останнім часом все більше експериментую. Коли я підготував заповнювач для нового запуску, у нас не вистачало вмісту для повного сайту, але ми хотіли створити гарну сторінку, яка описувала, що буде. І ми хотіли зробити це за кілька хвилин!

jQuery зробив трюк.

Зробіть пошук jQuery + практично на чому завгодно, і ви також виявите, що розробники створили рішення, які називаються плагінами, і готові до роботи! У цьому випадку я зробив пошук “каруселі jQuery” і знайшов фантастичну, всебічну Рішення каруселі jQuery на Dynamic Drive.

Ще одна приємна річ у jQuery - це те, що це код тепер розміщується в Google. Як результат, вам не потрібно завантажувати jQuery на власний сервер, а також читачам вашого веб-сайту не потрібно завантажувати його кожного разу. Якщо вони були на одному веб-сайті з посиланням на jQuery, він автоматично кешований для використання з вашим сайтом!

Просто додайте код у свій тег head, і ви вже працюєте з jQuery:


Щоб запустити карусель, мені довелося завантажувати та посилатися на сценарій крокової каруселі:


Після цього змінити сторінку було просто! Я поклав свою карусель у div, який називається мігалерія і смужка Панелі у div, який називається ремінь. Потім я додав невелику частину коду налаштувань до мого тегу body.

Ви можете трохи налаштувати дію. У цьому випадку я змінив сценарій для автоматичного запуску при завантаженні сторінки. Я налаштував швидкість і тривалість відображення кожної панелі, а також кнопки для ручного обертання панелей вліво та вправо. Ще одна чудова особливість цього плагіна - коли ви потрапляєте на останню панель, це перемотування назад повернемось до першої!

Якщо ви боїтеся програмування або JavaScript залякує, jQuery може бути рішенням для вас. Здебільшого вам просто потрібно скопіювати та вставити посилання на файли, відредагувати кілька налаштувань, правильно структурувати сторінку… і ви вже працюєте.

3 Коментарі

  1. 1

    Зараз я відновлюю свій веб-сайт і прагну запустити ці вихідні, якщо все піде добре. Я використовую jQuery для кількох його аспектів і поки що не маю претензій. Здається, все видає відчуття “web 2.0”, і, сподіваємось, це лише доповнить готовий сайт.

Що ви думаєте?

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.