Javascript & jQuery

CSS файлы для браузеров EDGE и IE

CSS файлы для браузеров EDGE и IE

Браузерами EGDE и Internet Explorer по статистике пользуется не больше 5% людей. Но иногда заказчик требует сделать его сайт кроссбраузерным.


Читать дальше
Javascript & jQuery 166    0 0

Как попросить посетителей своего сайта отключить AdBlock

Как попросить посетителей своего сайта отключить AdBlock

Сегодня мы узнаем, как распознать факт того, что у человека присутствует включенный AdBlock или AdGuard и соответственно запретить ему просмотр web-сайта или какое-либо другое действие, например, скачивание файла. Не секрет, что сегодня почти у всех установлены в браузере фильтры интернет-рекламы. В некоторых браузерах, таких как Яндекс AdBlock идет уже в комплекте. Такие расширения блокируют рекламу в YouTube или на ваших сайтах, соответственно доход с рекламы уже не идет…


Читать дальше
Javascript & jQuery 1248    1 0

Обратный таймер на JavaScript

Сегодня мы рассмотрим таймер обратного отсчета. Такие таймеры часто используются на различных продающих страницах, на лэндингах, на страницах ожидания, на страницах реконструкции сайта и т.д.

Обратный таймер на JavaScript

Читать дальше
Javascript & jQuery 5695    1 0

Как сделать маску для ввода E-mail типа ▶ pochta@mail.ru

Сейчас мы реализуем такую вещь, как маскирование электронной почты.

Требования:

  • Логин почты должен содержать неопределённое количество символов (A-Z,a-z,0-9);
  • После @ можно вписать любую почту (mail, gmail, yandex, rambler, корпоративный адрес и т.д.);
  • После точки можно вписать любую доменную зону (.ru, .com и т.д.).

Наша маска примет такой вид: "мойЛогин@mail.com"

E-mail маска для ввода E-mail
Читать дальше
Javascript & jQuery 3690    0 0

Как создать div блок с прокруткой на JS?

Здесь Вы можете скачать скрипт для вертикальной прокрутки отдельно взятого DIV блока. Подключив скрипт на свой сайт, - Вы получите следующий результат:

Прокручивающийся DIV
Читать дальше
Javascript & jQuery 2177    0 0

Скролинг страницы вверх и вниз по клику на кнопку

Данный скрипт позволяет плавно прокручивать страницу вверх и вниз по клику на соответствующие кнопки. Эти кнопки располагаются, для удобства, в левом нажнем углу монитора, но по желанию их можно зафиксировать в любом другом месте.

кнопки прокрутки вниз вверх

Кнопки имеют нейтральный дизайн, и подойдут к любому сайту. Чтобы не отвлекать посетителя от прочтения статьи, - кнопки при скроллинге страницы становятся прозрачными.


    
    

Читать дальше
Javascript & jQuery 560    0 0

Калькулятор расчета стоимости натяжных потолков на jQuery

В этой статье мы сделаем простой калькулятор на jQuery. Дело в том, что часто сталкиваясь с нетривиальными задачами в веб-разработке, Вас могут попросить сделать калькулятор на сайт. К сожалению, сделать это при помощи чистого html и css не представляется возможным, как бы этого сильно не хотелось, и поэтому используются скрипты.

Калькулятор на jQuery

Писать наш скрипт калькулятора мы будем на примере расчета стоимости натяжных потолков.


Читать дальше
Javascript & jQuery 6508    0 +1

Parallax эффект для одиночного элемента с библиотекой RELLAX

Скачиваем и подключаем библиотеку rellax.min.js

   
   

Прописываем нужному элементу класс rellax и выбираем подхоящий атрибут data-rellax-speed, от которого зависит скорость анимации.

    
Стандартная скорость
Супер быстрая скорость
Очень медленная скорость

После этого параллакс эффект должен заработать. О дополнительных настройках можно прочесть тут.

Посмотреть пример работы скрипта можно тут.


Читать дальше
Javascript & jQuery 561    0 0

Плавная прокрутка страницы после нажатия на якорную ссылку

Итак нам нужно обработать нажатия по ссылкам в нашем меню, отменить стандартное поведение, выяснить на какой блок ссылается якорь и анимировать переход.

$(document).ready(function(){
	$("#menu").on("click","a", function (event) {
		//отменяем стандартную обработку нажатия по ссылке
		event.preventDefault();

		//забираем идентификатор бока с атрибута href
		var id  = $(this).attr('href'),

		//узнаем высоту от начала страницы до блока на который ссылается якорь
			top = $(id).offset().top;
		
		//анимируем переход на расстояние - top за 1500 мс
		$('body,html').animate({scrollTop: top}, 1500);
	});
});

Читать дальше
Javascript & jQuery 1236    0 +1

jQuery анимация для сайта - эффекты появления DIV блоков


Уже давно вошло в моду применять на Landing Page анимацию появления блоков при скроллинге страницы. Если этим не злоупотреблять, то красивые эффекты помогут сделать сайт интересней.

В этом уроке мы реализуем анимацию используя jQuery плагин Revealator. Первым делом его нужно скачать и подключить:


Читать дальше
Javascript & jQuery 6324    0 +1

Блог программиста

Продвижение сайтов

Современные шаблоны для сайтов на русском

Последние комментарии

Михаил Шилов 30 апреля 2019, 23:45
Стилизация checkbox и radio 1
Андрей Карманов 08 марта 2019, 08:05
Пишем на SQL без SQL: основы по RedBean PHP 13
Леонид Кобяшев 26 декабря 2018, 20:20
Обратный таймер на JavaScript 1
Алексей Власов 16 октября 2018, 14:27
Универсальный и очень простой PHP парсер 10
Алексей Власов 13 октября 2018, 18:57
Бесконечное сохранение ресурсов в MODX 2