SCRIPT.com.ua
Логин: Пароль:
Регистрация Забыл пароль
ИСХОДНИКИ
Поиск
Новости
Материалы
Работа с WDDX в РНР [PHP]
Рецепт по установке web-сервера под Windows [PHP]
Инициализация для Flash Player 8 Beta [Flash]
Криптование [Action Script]
Настрока Homesite под Action Script [Action Script]
Учитесь писать код правильно [PHP]
Пасхальные яйца. [Action Script]
Flash-игры: проще, если знаешь как [Flash]
Установка Ming под win32 Apache+PHP [Action Script]
Wysiwyg HTML Редакторы [DHTML]
Исходники
"Объект" на JavaScript - аналог AsBroadcaster [DHTML]
Запрет кэширования [HTML]
Полупрозрачные картинки, которые 'востанавливаются' при наведении. [DHTML]
Новостная лента v1.2.1 [PHP]
Обход XML-дерева [Action Script]
CDATA и комментарии [XSL]
Кроссразмерный полноэкранный режим [Action Script]
KeyListener [Action Script]
Редирект [HTML]
Текстовый узел [XSL]
Лаборатория
Документация
Файлы
Ссылки
Пользователи
Контакты
Наш выбор
Empire Earth 2: Искуство побеждать
Наши партнеры
Воскресенье, 15 Февраля, 2004
Fade эффект для ссылок [DHTML / Разное]
Условие - поддержка броузером document.all
Использование:
startColor - MouseOut состояние ссылки
endColor - MouseOver состояние ссылки
stepIn - задержка при наростании
stepOut - задерка при спаде
autoFade - устанавливать в true или false; true включает автоматическое применение эффекта
sloppyClass - устанавливать в true или false; true включает режим когда все CSS классы "fade" реагируют на onmouseover
выделить
startColor = "#800080";
endColor = "#FFFFFF";
stepIn = 20;
stepOut = 20;
autoFade = true;
sloppyClass = true;
hexa = new makearray(16);
for(var i = 0; i < 10; i++) hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
document.onmouseover = domouseover;
document.onmouseout = domouseout;
startColor = dehexize(startColor.toLowerCase());
endColor = dehexize(endColor.toLowerCase());
var fadeId = new Array();

function dehexize(Color){
    var colorArr = new makearray(3);
    for (i=1; i<7; i++){
        for (j=0; j<16; j++){
            if (Color.charAt(i) == hexa[j]){
                if (i%2 !=0) colorArr[Math.floor((i-1)/2)]=eval(j)*16;
                else colorArr[Math.floor((i-1)/2)]+=eval(j);
            }
        }
    }
    return colorArr;
}

function domouseover(){
    if(document.all){
        var srcElement = event.srcElement;
        if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" ||
        (sloppyClass && srcElement.className.indexOf("fade") != -1))
            fade(startColor,endColor,srcElement.uniqueID,stepIn);
    }
}

function domouseout(){
    if (document.all){
        var srcElement = event.srcElement;
        if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" ||
        (sloppyClass && srcElement.className.indexOf("fade") != -1))
            fade(endColor,startColor,srcElement.uniqueID,stepOut); 
    }
}

function makearray(n){
    this.length = n;
    for(var i = 1; i <= n; i++) this[i] = 0;
        return this;
}

function hex(i){
    if (i < 0) return "00";
    else if (i > 255) return "ff";
        else return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}

function setColor(r, g, b, element){
    var hr = hex(r); var hg = hex(g); var hb = hex(b);
    element.style.color = "#"+hr+hg+hb;
}

function fade(s,e, element,step){
    var sr = s[0]; var sg = s[1]; var sb = s[2];
    var er = e[0]; var eg = e[1]; var eb = e[2];
    if (fadeId[0] != null && fade[0] != element){
        setColor(sr,sg,sb,eval(fadeId[0]));
        var i = 1;
        while(i < fadeId.length){
            clearTimeout(fadeId[i]);
            i++;
    }
}
    for(var i = 0; i <= step; i++){
        fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+
        " - " +i+ " )/ " +step+
        " ) + " +er+ " * (" +i+ "/" +step+ ")),Math.floor(" +sg+ " * (( " +
        step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
        ")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+
        ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
    }
    fadeId[0] = element;
}

Опубликовал: Администратор (20:28) | комментарии [0]  | Редактировал: 16.03.2004, 19:32 - Alexander
< назад

Вверх © Copyright 2004-2014 Script.com.ua
аккредитация на площадках

Смотрите описание причины зевоты у нас на сайте.
Версия для печати