Три скрипта «Падающий снег», на JS.

* 8-02-2014, 15:50 * A_Protasov * Комментариев: 0

Рейтинг:

Три скрипта «Падающий снег», на JS.

В последнее время стало, модным  украшать сайты, различными скриптами, типа «Бегущая букашка», «Ползающая муха» и так далее.  Особенно данная тема актуальна для сайтов развлекательных категорий, где работа подобных сценариев не мешает чтению и просмотру сайта. Далеко не последней популярностью обладают скрипты «Листопад» и «Падающий снег», о котором мы и поговорим сегодня.  Все эти три исполнительных сценария вы можете абсолютно бесплатно, скачать и установить к себе на сайт, воспользовавшись ссылкой внизу данной статьи. Также есть возможность просмотреть работу, всех трёх JS, для  этого сделайте клик по кнопке «Смотреть пример №1». Также на демонстрационной страницы присутствуют, коды всех трёх скриптов установив которые себе на сайт между тегом <head> </head>, у вас повалит снегопад «заказанного», варианта, что даёт возможность не качать скрипт и не мучатся с его установкой и настройкой.

Скрипт «Падающий снег», без использования картинок.

В этом варианте скрипта совсем не используются изображения. Что даёт минимальную нагрузку, не подгружая картинки к работе. Цветовая схема лепестков, легко настраивается, путём замены кода цветов. Из-за того что каждый лепесток, или кристаллик имеет отдельный цвет, то снежинки можно сделать разноцветными, всё зависит от темы где они будут использоваться.

Скрипт «Падающий снег», с использованием трёх изображений.

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

Скрипт «Падающий снег»,  с одной иллюстрацией.

Здесь используется одна картинка формата  GIF, ну и неплохое движение картинок.  В принципе можно, сделать таких три штуки разных размеров и подключить к, скрипту с тремя изображениями, но это как вариант для проверки.

Установка скриптов «Падающий снег», для CMS DLE.

Конечно, я не собираюсь рассказываться  здесь, как и куда засунуть  JS, в CMS DLE. Но если у кого и возникнут трудности, то перейдите на форум нашего сайта создайте тему, и я отвечу вам. В данном разделе я хотел лишь поделиться, возможностью отображения скрипта на разных страницах, категориях и публикаций. Не буду перечислять все возможности только основные.

И так здесь нам на помощь придёт тег [aviable]  [/aviable], который даёт возможность не только выводить, определённый текст в категории, или картинки, с его помощью также можно подключать работу отдельных скриптов к определённым местам.

К примеру, что бы, скрипт работал только на главной странице, необходимо создать следующую строку:

[aviable=main]<script type="text/javascript" src="http://сайто-строитель.рф/pag_php/snow/js/snow_1.js"></script>[/aviable]

Если работу скрипта необходимо видеть, в определённой категории, то тут нам придётся добавить тег [category] [/category]. И соответственно указать ID категории. В общем, в итоге получаем это:

[aviable=cat][category=1]<script type="text/javascript" src="http://сайто-строитель.рф/pag_php/snow/js/snow_2.js"></script>[/category][/aviable]

Где вместо category=1, следует указать ID, вашей категории. Количество категорий, где должен работать скрипт может быть неограниченным,  для этого следует перечислить их через запятую, category=1, 2, 3, и так далее.

Я не буду рассказывать обо всех возможностях вывода и запрета определённого объекта в DLE, так как их не мало. И вот, на последок, ещё один вариант, показывать в полной новости:

 [aviable=showfull]<script type="text/javascript" src="http://сайто-строитель.рф/pag_php/snow/js/snow_3.js"></script[/aviable]

 Ну, вот, пожалуй, и всё. Смотрите пример работы скриптов, устанавливайте код на сайт, качайте, в общем, пользуйтесь на здоровье.

Внимание! Для получения ссылки на «Яндекс диск», поделитесь с друзьями данной информацией, в блоке социального замка, или войдите на сайт под своим именем, пройдя не сложную процедуру регистрации. После чего ссылка станет доступна!!!



razdacha.jpg

Просмотров: 28 101
Последние новости блога
Простая вёрстка в HTML. Урок №8.
Фон страницы, или «Background  for body». Background  for body-звучит примерно как, фон для тела. Знаете ли вы, что по умолчанию если, не назначен общий фон страницы, то по
Простая вёрстка в HTML. Урок № 7.
Подвал сайта. На прошлом уроке «Простая вёрстка в HTML. Урок  №6», мы остановились на том, что вы должны самостоятельно, попробовать создать эту часть нашего будущего сайта. Давайте
Увеличение изображения, с помощью CSS
Каскадные таблицы стилей (css), не стоят на месте. Новые правила отображения и вывода на экран информации, порой способны заменить работу целого «Джава скрипта» (Java Script). При этом
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Статистика

  • Рейтинг@Mail.ru