Русские документы
Ежедневные компьютерные новости RSS rusdoc.ru  Найти :
Новости
Последние поступления
Книжный магазин
  Hardware:
Видеоустройства
Системные платы
Процессоры
Мобильные устройства
Аудиосистема
Охлаждение системы
Накопители информации
КПК и ноутбуки
Телефоны и связь
Периферия
Система
Сети
Разные устройства
 
  Programming:
Web-разработка
Языки программирования
Технологии и теория
Разработка игр
Программная инженерия
 
  Software:
Операционные системы
Windows 7
Базы данных
Обзоры программ
Графика и дизайн
   
  Life:
Компьютерная жизнь
Разные материалы
   
Партнеры
Публикация
Правовая информация
Реклама на сайте
Обратная связь
Экспорт в RSS Экспорт в RSS2.0
    Читать в Яндекс.Ленте



Как сделать двигающийся аплоадер минимального размера и красиво

Раздел: Software / Утилиты @ 03.08.2008 | Ключевые слова: uploader индикатор нагрузки версия для печати

Автор: fuksito
Источник: habrahabr

Хочу поделиться небольшим трюком для создания анимированной полосы загрузки как в флеш проигрывателях или в операционной системе.
Имеем в наличии просто картинку:


Как заставить её двигаться ? А очень просто! Нужно двигать бекграунд в интервале попиксельно.
Смотрим демо



Если вы не посмотрели исходный текст страницы приведу тут код:

var xPos=0;
function move_bg(){

$("#load_td").css( {backgroundPosition: xPos+`px 0px`} );
if(xPos == 60){
xPos=0;
}
xPos++;
}


Функция в интервале, каждый вызов увеличивает на 1 значение на которое нужно сдвинуть пиксель, когда значение достигает ширины фоновой картинки оно сбрасывается в 0 таким образом происходит незаметная глазу замена.

Наверное метод давно используется но я до него дошел сам, надеюсь кому-то пригодиться.

Это интересно:








версия для печатиРаспечатать статью


Вернуться в раздел: Software / Утилиты


Реклама:
Читать наc на:

Add to Google
Читать в Яндекс.Ленте






Rambler's Top100
© Copyright 1998-2012 Александр Томов. All rights reserved.