Снег для сайта на JQuery

6572
10 из 10
Проголосовало: 2






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

Code
<script src='http://webo4ka.ru/Ucoz5/snowfall.min.jquery_cneg_dli_caita_JQuery.js'></script>
<div class="mince">
  <a class="s1" id="clear" href="javascript://">Очистить</a>
  <a class="s1" id="round" href="javascript://">Большие хлопья</a>
  <a class="s1" id="shadows" href="javascript://">Маленькие с тенью</a>
  <a class="s1" id="roundshadows" href="javascript://">Кругляшки с тенью</a>
  <a class="s1" id="collection" href="javascript://">Скопление снега</a>
</div>

<script type='text/javascript'>  
  $(document).ready(function(){
  //Start the snow default options you can also make it snow in certain elements, etc.
  $(document).snowfall();
   
  $("#clear").click(function(){
  $(document).snowfall('clear'); // How you clear
  });
   
  $("#round").click(function(){
  $(document).snowfall('clear');
  $(document).snowfall({round : true, minSize: 5, maxSize:8}); // add rounded
  });
   
  $("#shadows").click(function(){
   
  $(document).snowfall('clear');
   
   
  $(document).snowfall({shadow : true, flakeCount:200}); // add shadows
  });

  $("#roundshadows").click(function(){

  $(document).snowfall('clear');
  $(document).snowfall({shadow : true, round : true, minSize: 5, maxSize:8}); // add shadows
  });
   
  $("#collection").click(function(){

  $(document).snowfall('clear');
   
   
  $(document).snowfall({collection : '.mince', flakeCount : 300});
  });
  });
  </script>
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 9

Warm32
0
Warm32 написал: Написано 08 Декабря 2012 в 14:50
Комментарий №9
как можно увеличить количество снежков? а то как то мало

AGR
0
AGR написал: Написано 28 Ноября 2011 в 23:15
Комментарий №8
А как изначально снежинки поменять на больший размер???

ADMINMOS
0
ADMINMOS написал: Написано 28 Ноября 2011 в 00:07
Комментарий №4
mojite sazdat eto v ayaks okne

Вовчик
+1
Вовчик написал: Написано 28 Ноября 2011 в 00:11
Комментарий №5
завтра (то есть сегодня biggrin ) надеюсь понял))

Вовчик
+1
Вовчик написал: Написано 28 Ноября 2011 в 00:14
Комментарий №6
ну вот:



завтра лучше оформлю, а щас баю бай biggrin

ADMINMOS
0
ADMINMOS написал: Написано 28 Ноября 2011 в 00:32
Комментарий №7
SPOSIBO

The_Host
0
The_Host написал: Написано 28 Ноября 2011 в 00:00
Комментарий №3
Можно переделать что бы выбор снега был скрыт, а когда нажимаешь на кнопку какую нибудь специальную выскакивали кнопки выбора снега?? biggrin

Xedkpab9400
0
Xedkpab9400 написал: Написано 27 Ноября 2011 в 22:35
Комментарий №1
А куда файлы закинуть? скажите плиз

Вовчик
0
Вовчик написал: Написано 27 Ноября 2011 в 22:36
Комментарий №2
Никуда, это я на всякий пожарный залил. вставляй кд куда нужно и всё.

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    271
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: