Эффект падающего снега на jQuery

13 декабря 2014 Антон Кулешов 2498 2

Эффект плавно падающего снега точно привлечёт внимание пользователя, зашедшего к вам на сайт. Если вы хотите добавить что - то подобное, то вам наверняка пригодится плагин под названием snow. Примечателен данный эффект падающего снега тем, что в качестве снежинок используются текстовые символы, из чего делайте вывод: падать могут не только снежинки, а любой символ, подходящий под стилистику вашего сайта.

Реклама

Начать им пользоваться очень просто. Для этого мы скачиваем архив и подключаем скрипты (jQuery библиотеку и плагин) у себя на странице:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="jquery.snow.js" type="text/javascript"></script>

Останется только вызвать сам скрипт:

$.fn.snow();

После этих действий у вас на странице начнут сверху падать снежинки и исчезать, доходя до низа. У данного решения есть свой набор параметров: изменение размера, скорости падения и цвета снежинок. Вот полный перечень настроек, которые помогут вам добиться нужного результата:

  • flakeChar - HTML, выполняющий эффект падающих снежинок (по умолчания установлен спецсимвол - ❄);
  • minSize - минимальный размер снежинки (регулирует CSS свойство font-size);
  • maxSize - максимальный размер снежинки;
  • newOn - частота появления (устанавливать значение этого параметра стоит очень аккуратно, так указав слишком малое, браузер начнёт подтормаживать, изначальное - 500);
  • flakeColors - массив цветов (изначально указан только один цвет - белый);
  • durationMillis - время через которое эффект падающего снега перестанет работать.

Теперь давайте настроим плагин и поменяем некоторые параметры, а другие добавим:

$.fn.snow({
	minSize: 12,
	maxSize: 50,
	newOn: 1000,
	flakeColor: [
		"#ffffff",
		"rgb(32, 185, 250)",
		"rgb(35, 245, 202)",
		"rgb(181, 55, 50)",
		"rgb(176, 246, 52)"
	]
});

Вот как просто можно добавить к себе на сайт эффект падающего снега. Для этого мы пользовались jQuery плагином snow, а результат его работы вы можете увидеть в материалах «демо».

Реклама
ti1schweiger
ti1schweiger 23 декабря 2014
Есть возможность заменить снежинки на свои картинки? И залить не 1 символ, а несколько?
Антон Кулешов
Антон Кулешов 23 декабря 2014
Да, снежинки можно заменить. Для этого вам стоит в значение параметра flakeChar вставить свой HTML код (flakeChar: "<img src='путь_до_картинки' alt='image' />"). Символ может быть только один.
no_avatar
Читайте далее

Случайный вывод картинок при помощи PHP

21 декабря 2014 Антон Кулешов

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

Кликджекинг как соцфишинг, пишем скрипт для получения id пользователя вконтакте

9 марта 2016 Антон Кулешов

На сегодняшний день, мы обладаем уникальной возможностью – отслеживать многочисленные потоки информации и сохранять важный контент у себя на интернет страницах. В один клик регистрироваться и авторизоваться на сайтах и различных сервисах. Уже не проблема быть в курсе различных и разносторонних новостей из разных сфер жизни или оставаться на связи со своими близкими и знакомыми. Мы стали пользователями многочисленных социальных сетей и обладателями личных страниц с индивидуальными номерами, которые хранят срез наших интересов. Посещая магазины в интернете и сайты с товарами, мы с лёгкостью можем подарить лишнюю информацию о себе, не заполнив при этом ни одной формы. Для продавца каждый из нас потенциальный клиент, и он хочет знать, кто к нему зашёл на сайт и по какому запросу. И это возможно - мы сами можем вручить свой уникальный идентификатор (id) профиля в социальной сети даже не заметив этого, что даст продавцу больше шансов впарить свой товар. Достигается это путем использования разновидности кликджекинга, так называемого соцфишинга, об этом сегодняшняя статья.

Прогон по каталогам – мифы и реальность

12 июня 2015 ti1schweiger

Добавить сайт в Яндекс Каталог – цель любого веб-мастера. Для молодого начинающего блогера – это признание его заслуг, для матерого продвиженца – рутинная часть работы, потому как, серьёзно продвигаемый проект просто обязан попасть в Яндекс Каталог, если вы вбухали солидную сумму в SEO, то подобную опцию можно потребовать как подтверждение проделанной работы. Что же нам дает попадание нашего сайта в Яндекс Каталог и стоит ли игра свеч? Давайте разберемся.