#jquery #ajax #frontend
#jquery #ajax #интерфейс
Вопрос:
http://bestbefore.ro / Это веб-сайт, который привлек мое внимание, и я действительно хочу создать что-то подобное, потому что это выглядит забавно. Но я понятия не имею, как называется этот способ выполнения. Я был бы очень признателен либо за указания о том, где найти такое руководство, либо за название метода, чтобы мой Google-goo стал более точным. Спасибо.
Комментарии:
1. Я сомневаюсь, что вы найдете руководство, в котором объясняется, как построить каждое взаимодействие на этом сайте. Начните с меньшего. Задавайте конкретные вопросы о конкретных элементах.
2. Да. Это будет здорово. Но на что я смотрю? Как мне это сделать в Google? Дело в том, что на самом деле файл js на сайте не запутан или что-то в этом роде, поэтому я прочитал его. Это просто позиционирование jQuery?
Ответ №1:
Там используется пара разных методов:
Перемещения «окон» можно довольно легко выполнить с помощью jQuery.animate.
Прокрутку можно выполнять многими способами, но одним надежным способом является JScrollPane.
«Карусель портфолио» (меню точечной навигации и скользящие изображения) также может быть выполнена многими способами, одним из наиболее распространенных является jCarouselLite, но еще более изящную реализацию можно найти в ZURB’s Orbit slider.
Потребуются некоторые навыки графического дизайна, чтобы все это выглядело великолепно, и некоторые усилия, чтобы заставить это работать на разных платформах / браузерах, но это вполне выполнимо. Получайте от этого удовольствие!
Комментарии:
1. Отлично! Спасибо! На самом деле это то, что я искал. Да, я действительно не вижу никакой практичности в чем-то подобном, но да, это очень весело.
Ответ №2:
Если вы ничего не знаете о jQuery, то сайт W3 — отличное место для началаhttp://www.w3schools.com/jquery/default.asp
Что касается запроса вашего сайта, я бы посоветовал вам использовать расширение Firefox Firebug, чтобы изучить уже существующий код и выяснить, что он делает.
Вы можете использовать панель сценариев в Firebug, чтобы останавливать код в определенных точках, а затем пошагово выполнять его построчно. Вы также можете использовать инструмент проверки, чтобы определить интересующие элементы html и выяснить, где они расположены в коде jQuery.
Если вы заметили что-то, что вы не распознаете, тогда ваши варианты:
- перейдите на сайт jQuery и выполните поиск по документам, которые являются очень всеобъемлющими,
- можно попробовать добавить ключевые слова, которые вы видите в Google
- опишите, что вы пытаетесь сделать в Google, и упомяните, что вы пытаетесь сделать это с помощью jQuery
- или вернитесь сюда и отправьте другой вопрос