Разное

Jquery код: jQuery-код — с чего начать и как правильно писать

22.08.2023

JQuery | Easy-Code.ru

jQuery архив

Многие сайты  используют в своем оформлении параллакс эффекты. По сути, параллакс — это прокрутка нескольких слоев контента на разных скоростях для создания эффекта перспективы и глубины. Слоев может быть сколько угодно. В этой статье мы рассмотрим  базовые принципы создания параллакс эффекта на примере с двумя слоями.

Читать далее

Прогресс-бары сейчас стали очень популярны и есть много плагинов, позволяющих добавить их к себе на сайт. Но как сделать собственный? Нет, мы не будем изобретать велосипед, мы сделаем что-то новое — кнопки со встроенной индикацией загрузки. Такие кнопки будут идеальны для отображения прогресса отправки данных формы или выполнения AJAX запроса. Мы будем использовать стили CSS3, […]

Читать далее

В этом уроке мы сделаем небольшую AJAX форму для загрузки файлов, которая позволит посетителям загружать файлы с помощью технологии drag/drop или при помощи обычного выбора файлов.

Мы будем использовать плагины jQuery File Upload и  jQuery Knob для отображения прогресса загрузки. Т.к. форма будет иметь возможность загружать файлы двумя способами, она будет работать даже если drag/drop не поддерживается.

Читать далее

jQuery — очень мощный инструмент для front-end разработки. В этой статье представлены полезные jQuery сниппеты, которые можно применить в своих проектах.

Читать далее

Сегодня мы сделаем красивые цифровые часы с помощью jQuery и CSS3.

Читать далее

В этом уроке мы напишем jQuery плагин, который будет перемешивать содержимое любого DOM элемента — интересный эффект, который может использоваться в заголовках, логотипах и слайд-шоу.

Читать далее

В этом уроке мы создадим анимированную галерею, в которой будем использовать разные эффекты для смены изображений. Все эти эффекты реализуются с помощью CSS3. Так же мы сделаем автоматическую смену изображений, так что можно будет использовать галерею в качестве слайд шоу.

Читать далее

В этом уроке мы сделаем небольшое веб-приложение, которое позволяет перетаскивать изображения с компьютера в окно браузера и применять к нему фильтры в стиле инстаграм. Для реализации этого мы будем использовать несколько JavaScript библиотек и плагинов.

Читать далее

Графики — незаменимый инструмент для представления данных. Библиотека xCharts, которую мы будем использовать, упрощает работу с графиками. Мы будем использовать эту библиотеку вместе с daterange picker для популярного UI фреймворка Twitter Bootstrap для создания AJAX-графиков, отображающих данные из MySql.

Читать далее

В этом уроке мы создадим слайдер картинок с помощью “Nivo Slider jQuery Script” и CSS3. Мы будем использовать “Nivo Slider jQuery Script”, потому что он обладает хорошей функциональностью и бесплатный :). Этот плагин имеет 16 эффектов перехода, он прост и гибок.

Читать далее

демонстраций и примеров jQuery с исходным кодом HTML5/JavaScript

  • Сетка

    Сетка позволяет пользователям просматривать, редактировать, фильтровать, группировать, сортировать, выбирать и экспортировать табличные данные.

  • гистограммы

    Диаграмма

    Диаграммы позволяют пользователям визуализировать и выводить графические представления данных.

  • планировщик

    Планировщик

    Планировщик позволяет пользователям просматривать и редактировать свой календарь событий.

  • выпадающий список

    Раскрывающийся список

    DropDownList позволяет пользователям выбрать одно значение из предопределенного списка.

  • DateRangePicker

    DateRangePicker

    DateRangePicker позволяет пользователю выбирать диапазон дат из календаря или посредством прямого ввода.

  • редактор

    Редактор

    Редактор позволяет создавать богатый текстовый контент через интерфейс WYSIWYG.

Предыдущий

Интернет-магазин

Панель администратора

Панель истории акций

ЗАПУСК ОБРАЗЦА

Начальная загрузка кендо UI

ЗАПУСК ОБРАЗЦА

Одностраничное приложение

ЗАПУСК ОБРАЗЦА

Образец диаграммы

ЗАПУСК ОБРАЗЦА

Приборная панель «Борей»

ЗАПУСК ОБРАЗЦА

Следующий

Новичок в пользовательском интерфейсе Kendo для jQuery?

Kendo UI для jQuery — это библиотека пользовательского интерфейса профессионального уровня с более чем 110 компонентами для создания современных и многофункциональных приложений.

Чтобы попробовать его, подпишитесь на бесплатную 30-дневную пробную версию.

Скачать бесплатную пробную версию

  • Каркас

    • Источник данных
    • API рисования
    • Глобализация
    • Интеграция с библиотеками JS
    • МВВМ
    • Шаблоны
    • Сенсорные события

Связаться со службой поддержки

jQuery Tutorial — Изучите основы jQuery

Перейти к содержимому
  • Дом
  • Просмотр
  • Курсы
Значок простой игры Поле

Расширение навыков

by Gregg Pollack

Изучите основы jQuery, библиотеки JavaScript, чтобы изменять элементы на веб-странице и улучшать взаимодействие с пользователем.

Попробуйте бесплатно

Получить это курс, а также лучшие подборки технических навыков и других популярных тем.

Начало работы

45,00 $

в месяц после 10-дневного пробного периода

Ваша 10-дневная бесплатная пробная версия Premium включает

Расширенная библиотека

Этот курс и более 7000 дополнительных курсов из нашей полной библиотеки курсов.

Практическая библиотека

Практикуйтесь и применяйте знания быстрее в реальных сценариях с проектами и интерактивными курсами.

*Доступно только в версии Premium

Для команд

Предоставьте до 50 пользователям доступ к нашей полной библиотеке, включая этот курс бесплатно на 30 дней

Информация о курсе

Чему вы научитесь

Изучите основы jQuery, библиотеки JavaScript, чтобы изменять элементы на веб-странице и улучшать взаимодействие с пользователем.

Содержание

Введение в jQuery

11 минут