Lecaw

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

В последнее время, на многих веб-сайтах стали использовать эффект 'перелистывания страниц', поэтому я начал размышлять о том, как создать такой эффект используя jQuery и CSS3. Я попытался сделать создание эффекта максимально простым.

(169)
(0)
 
 

Вы когда-нибудь использовали плагины аккордеона в своих проектах!? Я думаю, что да и большинство из них работают на javascript (или jQuery). Обычно мы используем такие плагины (аккордеоны), чтобы создать объявление с изображениями, небольшую фотогалерею или для создания рекламы со списком характеристик продукта. Мы провели небольшое исследование и пришли к выводу, что не всегда удобно использовать скрипты для создания аккордеона. Попробуем использовать возможности CSS3.

(62)
(0)

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

(143)
(0)
 
 

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

(133)
(0)
Страница 2 из 10