Язык
Контакты
GitHub
Поддержка
Регистрация
Войти
Логин: Пароль: Запомнить:
Пользователи
Голосование

    Какую CMS Вы предпочитаете

    AtomX
    Fapos CMS
    Drunya CMS
Последние комментарии
Автор: чайник, в новости:

Что такое API и для чего они нужны

Автор: HIshnik, в новости:

Классы в PHP для чайников

Автор: Аноним, в новости:

Написание простого вируса в блокноте

Автор: stream, в новости:

Создаем BB коды на PHP

Автор: boriska, в новости:

Релиз Atom-M CMS 4

Автор: 0leg, в новости:

Релиз Atom-M CMS 4

Топ пользователей
Drunya
Репутация: 108
Сообщений: 3531
Сашка_из_Шебекино
Репутация: 87
Сообщений: 1803
boriska
Репутация: 65
Сообщений: 846
ARMI
Репутация: 46
Сообщений: 1859
BAH0
Репутация: 26
Сообщений: 544
Немного раскажу о том как отжеч плавно появляющиеся объекты на JavaScript. В жабаскрипте есть пара функций для поочередного вызова других функций через какой-то промежутовремени. Как бы в цикле. Эти функции setTimeLimit() и setTimeоut().

вот пример функции. Сейчас я объясню что сдесь к чему. И как она анимирует элементы.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//стартовые значения задержки между периодами и количеством периодов
var wRight = 0;
var wLeft = 0;
var wStep = 10;
var winTimeout = 50;
//var wObj = document.getElementById('test');
//тут перебираем нужный элемент и меняем ему постепено значение прозрачности
function wiOpen(pref) {
        prefix = pref;
        var wObj = document.getElementById(pref + '_dWin');
        wObj.style.display = 'block';
        if (wStep > 9) {
                if (pref == 'sec') document.getElementById('cat_dWin').style.display = 'none';
                else document.getElementById('sec_dWin').style.display = 'none';
        }
        if (wStep > 0) {
                 wStep--;
                 wLeft += 0.1;
                
                wObj.style.opacity = wLeft;
                //тут мы еще раз вызываем функцию в которой находимся. Она как бы вызывает сама себя пока переменная wStep больше 0.
               //второ параметр это задержка в милисекундах до вызова. Вверху мы определили эту переменную как 50 - значит одна 20 сек. 1/20
                setTimeout("wiOpen(prefix)", winTimeout);
        } else {
                wStep = 10;
                wLeft = 0;
        }
}

Теперь как видите, нам остаеться просто вызвать эту функцию и передить ей ID элемента, который должен длавно появиться. Значение display у этого элемента есно должно быть none.

вызвать функцию для плавного отображения можно так wiOpen('Pref'), тогда ID у целевого элемента должен быть "Pref_dWin".
Анимация на JavaScript

Теги: JavaScript; PHP; HTML; Плавное меню;
Автор: Obmer
Категория: JavaScript
Просмотров: 1809
Комментариев: 0

Сейчас online: 6. Зарегистрированных: 0. Гостей: 6.
-->