Микроблоги Знакомства Люди Поиск Фото Музыка Регистрация Добрый вечер, Гость Вход


forumroditeley.ru


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

Наш сайт только для вас и у нас нет вообще тупой раздражающей рекламы
И помните: любые социальные сети воруют ваше время, а мы даем все самое лучшее!
   
Легкий джава скрипт "Падающий снег" для вашего сайта

В этой теме отвечено 0 раз и проглядели 333 раза!

 
Начать новую тему   Ответить на тему    forumroditeley.ru -> администратор -> вебмастеру

Просмотров темы Легкий джава скрипт "Падающий снег" для вашего сайта: 333
Общая оценка: 0.00 :: Минимальная оценка: 0 :: Максимальная оценка: 0 :: Всего оценило: 0
Понравилось? Оцените по пятибальной шкале!
Выберите оценку: 

Или обязательно сохраните в браузере в закладки, если тема нужна Вам!

Автор Сообщение
администратор
администратор
Не онлайн
Зарегистрирован: 2011-09-27
Рейтинг:
живет тут 3046 день
Сообщ.: 8921

Темы: 4841
Откуда Вы: Новая Усмань, Воронежская обл
Страна: russia.gif
Сообщение 29-Дек-19 22:23      #1  [дать ссылку]    
Новый Год... Апельсинки, легкий мороз за окном и скоро 1 января. А еще за окном идет снежок. И так хочется, чтобы на сайте у себя падал такой же искрящийся снег, легкий и воздушный, красивый и не тормознутый для посетителей!

Всем здравствуйте. Я хочу предложить легкий скрипт на java "Падающий снег" для установки на любой сайт любой сложности и движок! Не важно что у вас есть сайт знакомств, есть каталог сайтов или чат. Он подойдет всем, этот падающий снег. Он не тормозит и работает без нареканий, он ставится легко и не ссылается на картинку в корне сайта.

Чтобы установить такой скрипт, не надо загружать картинку и указывать на него путь, достаточно открыть файл, сунуть код и сохранить.

Я рекомендую место установить в файл, который отвечает за низ, в футер!

Вот этот джава скрипт падающего снега:

Код:
<script language="JavaScript">
/*
Скрипт новогодних снежинок
*/

// Число снежинок (больше 40 не рекомендую)
var snowmax=35

// Цвета для снежинок, добавлять сколько угодно;
var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5")

// Шрифт снежинок (можете экспериментировать)
var snowtype=new Array("Times")

// Форма снежинки (чтобы были нормальные, оставляете "*")
var snowletter="*"

// Скорость снегопада (рекомендовано от 0.3 до 2)
var sinkspeed=0.6

// Максимальный размер снежинки
var snowmaxsize=35

// Минимальный размер снежинки
var snowminsize=8

// Зона снегопада
//  1 для всех зон, 2 по левой стороне
// 3 для центра, 4 по правой стороне
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// Конец конфигурации
///////////////////////////////////////////////////////////////////////////

// Ниже ничего не трогать
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
        rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
        if (ie5 || opera) {
                marginbottom = document.body.scrollHeight
                marginright = document.body.clientWidth-15
        }
        else if (ns6) {
                marginbottom = document.body.scrollHeight
                marginright = window.innerWidth-15
        }
        var snowsizerange=snowmaxsize-snowminsize
        for (i=0;i<=snowmax;i++) {
                crds[i] = 0;
            lftrght[i] = Math.random()*15;
            x_mv[i] = 0.03 + Math.random()/10;
                snow[i]=document.getElementById("s"+i)
                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
                snow[i].size=randommaker(snowsizerange)+snowminsize
                snow[i].style.fontSize=snow[i].size+'px';
                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
                snow[i].style.zIndex=1000
                snow[i].sink=sinkspeed*snow[i].size/5
                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
                snow[i].style.left=snow[i].posx+'px';
                snow[i].style.top=snow[i].posy+'px';
        }
        movesnow()
}

function movesnow() {
        for (i=0;i<=snowmax;i++) {
                crds[i] += x_mv[i];
                snow[i].posy+=snow[i].sink
                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
                snow[i].style.top=snow[i].posy+'px';

                if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
                        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                        snow[i].posy=0
                }
        }
        var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
        window.onload=initsnow
}
</script>


Разберем строки, где можно смоделировать для своего сайта круче!

Найдите
Код:
var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5")


эта строка отвечает за цвет снежинок. Код нежно голубого цвета - #b9dff5. В яндексе есть палитра цветов: кликайте на нужный цвет и вставляйте!

Найдите
Код:
// Форма снежинки (чтобы были нормальные, оставляете "*")
var snowletter="*"


эту строку не трогать. Строка формирует снежок в виде *

Остальные строки можно трогать: можно по центру сделать снегопад, можно еще больше или меньше сделать снежинки по форме и саму скорость отрегулировать.

То что ниже строки
/
Код:
/ Ниже ничего не трогать


не трогать(!).

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

Скриншот с сервиса Музыка по адресу http://music.forumroditeley.ru/
Код снежинки #2b82d9 - ссылка на палитру цветов в яндексе
pic

Подобные темы:
до нового года осталось скрипт
Новогодний скрипт - падающий снег из курсора
Установить скрипт: До Нового года осталось......
падающий снег скрипт
Новогодние украшательства на сайт - клипарты. Часть 9
Вернуться к началу

Поделиться в LiveJournal Поделиться в Liveinternet Blogger.com Поделиться на Tumblr Добавить в закладки i.ua Добавить в закладки в folkd Добавить в imgfave Пост! Добавить в xerpi



Мануал - как поделиться с друзьями в сетях - откроется в новой вкладке
Заголовок новой темы
Форум для новой темы
 
Страница 1 из 1
Показать сообщения:   
Легкий джава скрипт "Падающий снег" для вашего сайта
Начать новую тему   Ответить на тему    forumroditeley.ru -> администратор -> вебмастеру Часовой пояс: GMT + 3

 

Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы можете скачивать файлы
Вход
Имя:    Пароль:      Автоматически входить при каждом посещении    


Подписка RSS

Follow

Наши сервисы

На правах рекламы

Анонимное голосование

Понравилось?
Мы в сетях:
                         
Все материалы сайта представлены только для ознакомления. При копировании материала ссылка на forumroditeley.ru обязательна!

sitemap     карта форума | Статистика визитов поисковых ботов | Выдача в поисковиках | слова | Новости науки от яндекса

Написать админу

Нравится
Яндекс.Метрика
Powered by phpBB © 2001, 2011 phpBB Group форум общения родителей ©27.09.2011-2020