Использование jQuery для обработки обычной веб-страницы

JQuery

JavaScript - не самый простой язык для изучения. Многих веб-разработчиков, разбирающихся в стандартном HTML, он изрядно пугает. Новое поколение фреймворков JavaScript существует уже некоторое время и начинает активно распространяться в Интернете.

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

JQuery это фреймворк JavaScript, с которым я в последнее время все больше и больше экспериментирую. Когда я разместил заполнитель для нового стартапа, у нас не было достаточно контента для полноценного сайта, но мы хотели создать красивую страницу, описывающую то, что нас ждет. И мы хотели сделать это за несколько минут!

jQuery как раз помог.

Выполните поиск jQuery + практически для чего угодно, и вы также обнаружите, что разработчики создали готовые решения, называемые плагинами! В этом случае я выполнил поиск по запросу «jQuery carousel» и нашел фантастический, исчерпывающий Карусель jQuery на Dynamic Drive.

Еще одна приятная особенность jQuery заключается в том, что он код теперь размещен в Google. В результате вам не нужно загружать jQuery на свой сервер, и читателям вашего веб-сайта не нужно загружать его каждый раз. Если они были на одном сайте со ссылкой на jQuery, он автоматически кэшируется для использования с вашим сайтом!

Просто добавьте код в тег заголовка, и вы начнете работать с jQuery:


Чтобы запустить карусель, мне нужно было загрузить скрипт stepcarousel и сослаться на него:


После этого изменить страницу стало просто! Я поместил свою карусель в div под названием моя галерея и полоса Панели в div под названием ремень. Затем я добавил небольшой фрагмент кода настроек в свой тег body.

Вы можете немного настроить действие. В этом случае я изменил сценарий, чтобы он запускался автоматически при загрузке страницы. Я настроил скорость и продолжительность отображения каждой панели, а также кнопки для ручного поворота панелей влево и вправо. Еще одна интересная особенность этого плагина - когда вы дойдете до последней панели, он перематывает назад к первому!

Если вы боитесь программирования или JavaScript пугает, jQuery может стать для вас решением. В большинстве случаев вам просто нужно скопировать и вставить ссылки на файлы, отредактировать несколько параметров, правильно структурировать страницу ... и все готово.

3 комментариев

  1. 1

    В настоящее время я перестраиваю свой веб-сайт и планирую запустить его в эти выходные, если все пойдет хорошо. Я использую jQuery для некоторых аспектов и пока не жалуюсь. Кажется, все излучает ощущение «веб 2.0», и, надеюсь, это только дополнит готовый сайт.

Как вы думаете?

Этот сайт использует Akismet для уменьшения количества спама. Узнайте, как обрабатываются ваши данные комментариев.