Сергей ZSA

Странный немного вопрос. Четче задавайте или хотя бы примеры прикладывайте по ссылке. Один из вариантов - ловить расстояние от верха страницы (на jquery можно делать), брать это значение, считать сколько это в % от всей высоты страницы и соответственно заполнять ваш круг на количество этих % (круг можно и на svg запилить и с ним через js возиться менять значения, либо через css, я не знаю какой у вас там круг по дизайну поэтому не подскажу тут уже).

Иконки сделаны обычным шрифтом, а их анимация через банальный css, который можно без проблем изучить на самом сайте. Клик ловится через jQuery, дальше определяется что за иконка была кликнута и с помощью .html() функции в том же jquery подставляется вместо менюшки разметка вашего поиска опять же с с анимацией (идеал - даже без html а просто на основе fadeIn fadeOut запилить просто). То есть клик по лупе - fadeOut для меню и fadeIn для поля поиска, при клике по крестику - наоборот. Обе функции и описание про них опять же на сайте jquery найдете иль где ещё в инете, шарьтесь по документации в общем.

jquery.page2page.ru/index.php5/%D0%9F%D0%BE%D0%B8%...

Забил в гугл "parent() jQuery" 2 ссылка в выдаче уже. Аналогично ищите по next и height.

Я так понял нужна полосочка которая ездит в выпадающем. Сделано оно там вообще не на after. Если проанализировать код - там есть span, который absolute относительно всего выпавшего блока relative собственно (я не запариваюсь с объяснением, для человека который понимает более менее в вёрстке всё это и так ясно, так что если что не понятно - в комментах переспрашивайте). Логика - при наведении на тот или иной элемент узнавать его высоту и его расстояние от начала родительского элемента (с помощью jquery это делается в 2 счета вообще). Дальше задача просто сдвинуть на нужное количество px ваш бегунок. С ходу как рассчитать расстояние сверху имея высоту и расстояние элемента от начала родителя - я честно формулу не придумаю, так как спать хочу. Тут самостоятельно вам подумать стоит ну или пилить все пункты меню одинаковой высоты и опускать элемент на количество px сверху + там ну 3px (количество "+ там ну" узнаете самостоятельно, просто сдвиньте ваш бегунок сначала на количество px сверху {я под этим подразумеваю расстояние от в целом всего блока, который является выпадающим до элемента, на который навели} а потом спустите с помощью инспектора на середку вашего элемента и посчитайте на сколько спустили). Логика такая. Делайте сами, это будет интересно, а я спать. Не получится - пишите. Запилю на codepen иль ещё где и скину ссыль сюда, но уже завтра или когда свободное время будет.

Ссылка на скрипт от Алексей выглядит чет очень стремно, некрасивое перетекание вообще там.

var $gg = $(".players-percent-block");
$( '.players-percent-block' ).  зачем??? Вы переменную зачем задавали с этим классом?

Ну да ладно, по поводу вопроса - есть setTimeout функция в js. Смотрите что она делает. Проще простого функция.

А нельзя просто повесить класс на html при необходимом разрешении и спокойно писать в css всё с вложением всех селекторов в класс или как вариант подключать другой линк?

Проще сделать рекламу на разные страницы непосредственно, чтоб не было головной боли с подсчетами. Ну а на этих разных страницах уже другие данные ставить (можно сделать 1 index.php с разными $_GET какими-нибудь чтоб они обрабатывались правильно и подставлять нужные данные). У нас в компании так страниц 40 крутится почти идентичных.

ruseller.com/jquery.php?id=15

тут достаточно инфы по этому поводу. Можно использовать и $.ajax, принцип примерно тот же и почитать о нем можно много чего. Комментарии на той странице даны, больше как бы комментировать нечего по js-составляющей.

На счет php - создаете файл, который ранее указывали собственно в ajax функции (на который будет запрос идти). В нём нужным образом обрабатываете ваши данные как обычный post запрос. То есть что без ajax что с ajax могут быть обработчики php идентичны (конечно если у вас там в php редирект не торчит).

https://habrahabr.ru/post/14246/ это на чистом js (опять же не вижу смысла что-то сюда добавлять, целую статью кидать в файл нет смысла)

Для отображения при нахождении в зоне видимости можно использовать viewportchecker.js НО тут js будет мало, так как на озоне выводится ещё и несколько товаров во время того, как человек достиг определенного момента на странице, а это осуществляется с помощью ajax и php в стороннем файле, который вытягивает необходимые товары из базы данных а это всё делается вот таким образом: roothelp.ru/lessons/ajax_podzagruzka_kontenta_pri_...

Можно всё реализовать с помощью jQuery и jQuery cookie. Алгоритм действий примерно следующий:
1. При заходе на сайт присваивается кука time (как вам удобно, мне удобней было бы timestamp ставить в неё, а не date) а также кука с количеством того, что вы хотите менять (кука col)
2. Через каждое n-количество времени (можно через каждую минуту к примеру) запускать скрипт, меняющий на определенное значение ваше число или что вы хотите менять.

Как этот скрипт по-моему должен работать: из time сейчас вычитается time первоначальный и узнается количество полных 15 минут (к примеру прошло 70 минут - это 4 раза по 15, как разделить без остатка с округлением в меньшую сторону на js - гуглите). Это кол-во (в нашем случае 4) умножается на кол-во того, на сколько за 15 минут должно число смениться, затем получившееся число складывается с нашей первоначальной кукой col ну и выводится куда вам надо.

3. При заходе на сайт обязательно должна быть проверка на куку time и col. Если оных нет - начинаем с 1 этапа (то есть создаем куки эти и вперед). Если есть - запускаем скрипт, описанный во 2 пункте.

Для других интервалов времени делаются просто другие куки и другой скрипт по увеличению. Честно говоря мало представляю зачем такое надо, обычно всё же увеличение такое делается не персонально для каждого пользователя, а массово для всех и сразу (чтоб не зашли с другого браузера с другими куками) и делается это через cron и php

У вас наверно в px позиционирование сверху. Оно будет всегда неподвижным если вы так задали, потому что top всегда считается от верхней части родителя (будь то body или relative), а они будут стоять соответственно всегда на своём месте вне зависимости от окна браузера (верхняя граница на своём месте)

Коряво объяснил, поздно уже, спать охота. Мож кто может - объяснит лучше.

Если вам хочется поменять расположение элемента при меньшем окне - попробуйте использовать % вместо px в указаниях top. Если нужно менять под конкретный размер экрана - стоит посмотреть на @ media запросы в CSS. JS в вашем случае думаю не нужен совсем. К примеру при max-height: 700px делать у определенного элемента top больше/меньше ну и тп.

$("a").bind("click", function(){
alert($(this).attr("class"));
});

Советую разнести цены и размер в разные data- атрибуты. После этого можно будет их вытягивать вот так:
$(".box1").bind("hover", function(){
var s1 = $(this).attr("data-s1"); //к примеру тут размер
var s2 = $(this).attr("data-s2"); //и так далее
$(".s1").text(s1);
$(".s1").text(s2);
});
Можно конечно вытянуть прямо вот так var data_p = $(this).attr("data-prise"); и потом строку разбивать так, как вам надо на массив и потом массив вставлять в text(), но разбиение вы сами тогда сделайте. Сейчас некогда этим заниматься.

Пробовал тоже галпом, но мне на постоянный поток небольших проектов не очень удобно им пользоваться, поэтому оптимизирую вот так habrahabr.ru/post/215213

em не лучший вариант для бордеров по-моему, но дело ваше. Сюда .main .sidebar nav li добавьте это border-left: 0.3em solid transparent; и всё прекрасно заработает.

Как сделать, чтобы div подстроился под высоту окна браузера?

Скажу по-секрету - открывать без разницы где. Хоть вообще в ie и уменьшите окно браузера просто. Везде будут поля меньше. Ответ был дан - height в %. Кто так делает? Вообще зачем столько % в коде? Вёрстка тег на теге и тегом погоняет.
Next зачем для одного слова городить огороды? Если это кнопка - сделайте button, если это блок - сделайте просто div, если это вообще заголовок - сделайте h*. input через br тоже "гениально".

А ещё понравилось это если уменьшить высоту окна: