Alexey10

Криво, но работает почти как должно.

$('.js-line-wave').on('mouseenter, mousemove', function(e) {
    // Здесь расчитывается относитеьное положение курсора чтобы от него считать синус
    var offset = $(this).offset();
    var relativeX = (e.pageX - offset.left);
    var relativeY = (e.pageY - offset.top);

    $('.line, .button_wave, .line_item').each(function(index, letter) {        
        var posx = index; 
      
        // Здесь нужно править магические числа, например вместо 352 надо ставить ширину элемента
        //и ещё нужно править частоту волны и амплитуду, но я забыл формулы
      
        var posy = Math.sin((index / 10 + relativeX / 352) * 180 / Math.PI) * 30 - 20;
      
        // Здесь происходит применение синуса только к 30 элементам слева и справа от мышки
      
        if ($(letter).position().left > relativeX - 30 && $(letter).position().left < relativeX + 30) {
            $(letter).css("transform", "translateY(" + posy + "px)");
        } else {
            $(letter).css("transform", "translateY(" + 0 + "px)");
        }
    });


});

Генерим кучу элементов (на каждый штрих).
Отслеживаем мышь над компонентом.
По X-координате рассчитываем функцию синуса для двух периодов.
По Y-координате вносим небольшой коээффициент, чтобы высота волны реагировала на положение мыши по вертикали (опционально)
По этим значениям раскидываем близлежащим элементам стили трансформаций (translateY(computedValue))

Документацию-то открывать пробовали? Там пишут, что будто бы для задания новой конечной даты достаточно просто выполнить инициализацию ещё раз. Соответственно, внутрь if (event.elapsed) {} вставляете $(this).countdown(а здесь новая дата);.

Используйте, например:
window.open("https://google.com","_blank")

Но помните, что для успешного выполнения таких функций их необходимо упаковывать в какое-либо действие со стороны пользователя, например клик, тогда браузер позволит создать окно в новой вкладке, а не заблокирует его:

<button id="open_google">Hello google!</button>
<script>
document.querySelector('#open_google').addEventListener('click', function(e) {
    window.open("https://google.com","_blank");
});
</script>

Самый легкий вариант jsfiddle.net/yjh6tw82

буттон он клик функшн - иф первый радио из чекед - попап 1...
логика на уровне проверить-показать, что сложного?

https://codepen.io/DimaDolgoter/pen/eVwwRj

хоть бы лайк поставил

https://github.com/titoBouzout/BufferScroll

В общем-то ничего сложного - надо задать какую-то разметку и через js добавлять
Например, нужно добавить текст в инпут для дальнейшей отправки (товар я так понимаю можно заказать). На кнопку вызова попапа вешаем класс link-click и добавляем data-title с заголовком (атрибуты с приставкой data можно добавлять сколько угодно), создаем инпут с именем info в нашем попапе. Добавим jquery:

$('.text-click').click(function(){
        $("input[name=info]").val($(this).attr("data-title"));
    });

все работает. Для изображений что-то похожее, добавим какой-то элемент с классом class-img и добавим изображение в data-src:

$('.text-click').click(function(){
            $($(this).attr('href')).find('.class-img').attr('src', $(this).attr('data-src'));
        });

всегда читайте апи
idangero.us/swiper/api

mySwiper.on('slideChange', function () {
 $('div').addClass('class');
});