Голосование
Какую CMS Вы предпочитаете
AtomX
Fapos CMS
Drunya CMS
Топ новостей
- Генератор аватарок в стиле пиксель-арт
- Скачать Fapos CMS 1.1.8 Бесплатно
- Цунами в Японии. Последствия.
- Предварительная инфа о FAPOS 1.1.9. Часть 2
- Описание версии CMS Fapos 0.9.9
- Новая версия Fapos 1.3
- Половина россиян не смогла отличить легальный контент
- Что есть Fapos CMS
- Убийца Apache у вас на пороге
- Открытое тестирование Fapos 0.9.9
Последние комментарии
Топ пользователей
Сайты на AtomX CMS
1
3394
0
Анимация на JavaScript
Немного раскажу о том как отжеч плавно появляющиеся объекты на JavaScript. В жабаскрипте есть пара функций для поочередного вызова других функций через какой-то промежутовремени. Как бы в цикле. Эти функции setTimeLimit() и setTimeоut().
вот пример функции. Сейчас я объясню что сдесь к чему. И как она анимирует элементы.
[js]
//стартовые значения задержки между периодами и количеством периодов
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;
вот пример функции. Сейчас я объясню что сдесь к чему. И как она анимирует элементы.
[js]
//стартовые значения задержки между периодами и количеством периодов
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;
1
Сейчас online: 20. Зарегистрированных: 0. Гостей: 20.
AtomX 2.8 Beta - Новая версия бесплатной CMS
AtomX 2.8 Beta - Новая версия бесплатной CMS
Программирование - что может быть проще.
Программирование - что может быть проще.
AtomX 2.8 Beta - Новая версия бесплатной CMS
AtomX 2.8 Beta - Новая версия бесплатной CMS
Написание простого вируса в блокноте
Что такое API и для чего они нужны
Классы в PHP для чайников
Написание простого вируса в блокноте