Скрипт падаючого снігу

  • 2019-03-13
  • 19
  • Листопада 2015
  • 128578

    Доброго вам дня. 🙂

    Зима вже на носі, скоро сніг, а в деяких він уже давно пустився, не встигнеш моргнути, а там і новий рік. Тому багато вебмайстрів прикрашають свої сайти різними ефектами. Вирішив я тут, викласти кілька скриптів, які додадуть Вашому сайту зимовий і новорічний настрій.

    падаючого

    У цій статті, я покажу як зробити сніг на сторінках Вашого сайту, а в наступній - Скрипт гірлянди.

    Цей скрипт мені подобається найбільше. Свого часу я перерив багато різних скриптів і кожен з них був своєрідним, але саме це мені сподобався. Він має багато налаштувань, простий і прикольно виглядає. Щоб його встановити, Вам потрібно, лише додати в шапку або підвал сайту цей код:

    Давайте розберемо налаштування цього скрипта. Їх небагато, але вони допоможуть дробитися потрібного результату.

    snowmax=35 - кількість сніжинок на сторінці.

    snowcolor - кольори сніжинок на сторінці. За бажанням, можете додавати будь-які кольори в будь-якій кількості.

    snowtype - шрифти, які формуватимуть Ваші сніжинки. Ситуація як і з квітами, додавати можна за бажанням у будь-якій кількості.

    snowletter - символ, який буде сніжинкою. Можна навіть написати слово або цілий текст, якщо Вам потрібний не снігопад, а словоспад 🙂

    sinkspeed - швидкість падіння снігу. Задавайте будь-яку, але рекомендую, не більше 3, бо вище, почнеться просто миготіння.

    snowmaxsize - задається максимальний розмір сніжинки.

    snowminsize - навпаки, задається мінімальний розмір сніжинки

    snowingzone - це налаштуваннярозміщення снігопаду. Залежно від числа, сніг буде:

  • 1 – сніг йде по всій ширині сторінки.
  • 2 – розташування снігу зліва.
  • 3 - сніг буде колонкою посередині.
  • 4 - сніг буде праворуч.
  • Також пораджу не вставляти код повністю на сторінку, а зробити підключення. Тобто додати код до готельного файлу, наприклад -snow.js і вже його підключити в підвалі, вказавши правильний шлях. Наприклад:

    Все, скрипт встановлений та налаштований, можете подивитися результат та по потребі ще підкоригувати. сподіваюся, Вам сподобається і Ви прикрасите свій сайт.

    На цьому все, дякую за увагу. 🙂