Lecaw

Учимся создавать Web-сайты

jQuery

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax.

Сегодня мы создадим jQuery слайдер контента с jCarousel. Возможно, что Вы уже видели подобные слайдеры. Наш jQuery слайдер состоит из следующих элементов: начальный вводный блок, кнопки управления, чтобы перемещаться между слайдами и карусель с изображениями (миниатюры) в нижней части. Мы видим все слайды (в альтернативном расположении). Этот jQuery слайдер контента очень хорошо работает во всех популярных браузерах (Chrome, Firefox, IE7-9 и т.д.).

 
 

Сегодня мы создадим простую игру-головоломку под названием "Пятнашки". Цель jQuery игры состоит в том, чтобы передвигать 15 квадратных блоков по кругу, чтобы получить изображение. Цель этого учебного руководства состоит в том, чтобы создать эту простую браузерную игру и объяснить, как это делается шаг за шагом. Также это отличный способ лучше узнать JQuery. В этом уроке мы будем использовать перемещение квадратных 2D-изображений. Также я рассмотрю каждую строку кода, чтобы продемонстрировать ход своих мыслей. Объяснения по каждой строке помогут Вам понять, как использовать JQuery в собственных проектах.

 
 

Если Вы ищете способ создания активных jQuery карт (или диаграмм) с информацией, то наша новая статья для Вас. Я просматривал интернет и нашел одно хорошее и серьезное решение – библиотеку HighchartsHighcharts  это - чистая javascript библиотека, которая предлагает интерактивные и интуитивные диаграммы. Библиотека Highcharts поддерживает различные диаграммы: area, line, spline, areaspline, pie, column и другие. Я думаю, что это лучший способ преподнести информацию в наглядном виде. Сегодня я подготовил несколько примеров с различными jQuery картами.

 
 

В нашем новом учебном руководстве я хотел бы показать, как создать jQuery галерею изображений с CSS transition. Я буду использовать готовый jQuery плагин – jqFancyTransitions. Это простой и эффективный jQuery плагин, предназначенный для того, чтобы вывести на экран фотографии, как слайд-шоу, с необычными эффектами css transition. Есть много способов настройки плагина. Все возможные варианты будут опубликованы в конце этой статьи.

 
 

Вы, наверное, слышали о node.js. Это асинхронный веб-сервер построенный на движке OnTop от Google V8 JavaScript (тот самый, который делает Chrome lighning). При помощи node-static Вы сможете записать масштабируемые веб-сервисы в JavaScript, которые могут обработать огромное число одновременных соединений, что делает его совершенным для серверных игр, веб-чатов и других задач.

 
 

BookBlock - jQuery плагин книги, который может использоваться для того, чтобы создать компоненты наподобие буклета и зеркально отобразить (перелистнуть) страницы книги. В плагине может использоваться любой контент, например - изображения или текст. Плагин книги только при необходимости преобразовывает структуру (т.е. при зеркальном отражении страницы) и использует для страниц некоторые оверлейные программы в качестве тени, чтобы добавить еще больше реализма.

Страница 6 из 10