[ОТВЕТИТЬ]
Опции темы
13.01.2016 14:10  
OlegON
Код:
<SCRIPT type="text/javascript">
/*
Classic Snow Fall - Java Script
*/

// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=40

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Times","Arial","Times","Verdana")

// Set the letter that creates your snowflake (recommended: * )
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximum-size of your snowflakes
var snowmaxsize=20

// Set the minimal-size of your snowflakes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS 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=false
var browserok=true

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

function initsnow() {
        marginbottom = document.body.scrollHeight
        marginright = document.body.clientWidth-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>
 
13.01.2016 16:50  
twix
При инициализации было бы ещё неплохо делать так:

Код:
snow[i].style.cursor='default'
чтобы курсор не "передёргивало" при попадании на снежинку.
.style.userSelect, к сожалению, пока не поддерживается. Можно добавить стили типа
Код:
.nohl {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;  
}
и выставлять
Код:
snow[i].className='nohl'
но тогда решение уже не будет чисто кодовым. ):
 
"Спасибо" twix от:
13.01.2016 17:12  
twix
Чисто кодовое решение:
В начале функции initshow() вписать:
Код:
		var styleEl=document.createElement('style');
		styleEl.innerHTML = '.snow-no-highlight{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}';
		document.head.appendChild(styleEl);
и на каждую снежинку задавать класс:
Код:
snow[i].className='snow-no-highlight'
скрытое
 
13.01.2016 17:14  
OlegON
Оно в IE6 работать не будет :) А у нас тут еще есть пользователи этого старичка. Тому коду, что я выложил выше, много лет... Каждый год, под НГ, включаю... Работает, кажется, везде.
 
13.01.2016 17:17  
twix
Цитата:
Сообщение от OlegON
Оно в IE6 работать не будет :) А у нас тут еще есть пользователи этого старичка. Тому коду, что я выложил выше, много лет... Каждый год, под НГ, включаю... Работает, кажется, везде.
А если попробовать? (%

Мелкомягкие отказались уже, вроде, от поддержки IE ниже 11. У нас уже год как не поддерживается 9-й.
 
20.01.2016 17:16  
twix
В IE8 не работает <element>.innerHTML для элемента "style". Выплёвывает "Unknown runtime error" из-за того, что с какого-то перепуга innerHTML является атрибутом только для чтения для элементов типа COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR.
Печаль...


Более ранних версий ишака у меня нет. ):
 
 
Опции темы



Часовой пояс GMT +3, время: 15:32.

Все в прочитанное - Календарь - RSS - - Карта - Вверх 👫 Яндекс.Метрика
Форум сделан на основе vBulletin®
Copyright ©2000 - 2016, Jelsoft Enterprises Ltd. Перевод: zCarot и OlegON
В случае заимствования информации гипертекстовая индексируемая ссылка на Форум обязательна.