X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Падающий снег, Предновогодний скрипт.
edder
edder
Topic Starter сообщение 4.12.2008, 1:16; Ответить: edder
Сообщение #1


Участник
***

Группа: User
Сообщений: 145
Регистрация: 25.3.2008
Поблагодарили: 20 раз
Репутация:   5  


Решил поделится скриптом, не нужно загружать никаких картинок и работает во всех браузерах(проверял на ИЕ, опере и мозиле).
<script type="text/javascript">
/*
Snow Fall 1 - no images - Java Script

*/

// Максимальное количество снежинок (рекомендовано небольше 30 - 40 )
var snowmax=40

// Цвета снежинок, можете добавить любые на ваш вкус
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF")

// Добавление или изминение шрифта(на ваш выбор)
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Значок который используется для создания снежинки. (рекомендовано: * )
var snowletter="*"

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

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

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

// Зоны падения снежинок
//  1 -везде ,  2 - слева
//  3 -по центру ,  4 - справа
var snowingzone=1

  /*
   //   * NO CONFIGURATION BELOW HERE *
*/

// Do not edit below this line
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.clientHeight
        marginright = document.body.clientWidth
    }
    else if (ns6) {
        marginbottom = window.innerHeight
        marginright = window.innerWidth
    }
    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
        snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
        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
        snow[i].style.top=snow[i].posy
    }
    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]);
        snow[i].style.top=snow[i].posy
        
        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>


Поблагодарили: (2)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
strel
strel
сообщение 4.12.2008, 1:32; Ответить: strel
Сообщение #2


Динозавр
*****

Группа: Active User
Сообщений: 887
Регистрация: 9.2.2008
Из: Москва
Поблагодарили: 128 раз
Репутация:   34  


Вообще от него вроде сайты подглючивают)))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
edder
edder
Topic Starter сообщение 4.12.2008, 1:35; Ответить: edder
Сообщение #3


Участник
***

Группа: User
Сообщений: 145
Регистрация: 25.3.2008
Поблагодарили: 20 раз
Репутация:   5  


скорее браузер юзера, если машина дохлая.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Turbo_Pie
Turbo_Pie
сообщение 4.12.2008, 1:38; Ответить: Turbo_Pie
Сообщение #4


Участник
***

Группа: User
Сообщений: 103
Регистрация: 3.1.2008
Поблагодарили: 10 раз
Репутация:   1  


Спасибо=)Уже воспользовался=)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vyatka-Host
Vyatka-Host
сообщение 4.12.2008, 1:45; Ответить: Vyatka-Host
Сообщение #5


Участник
***

Группа: User
Сообщений: 196
Регистрация: 23.11.2008
Из: Россия
Поблагодарили: 1 раз
Репутация:   -3  


(Turbo_Pie @ 4.12.2008, 0:38) *
Спасибо=)Уже воспользовался=)

Данный скрипт стоит пользовать только на очень мощной машине иначе сайт будет глючить.
А так спасибо за скриптик)))

Сообщение отредактировал Vyatka-Host - 4.12.2008, 1:45


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 15.12.2017, 18:19
Дизайн