Прогресс-бар - Другие скрипты - Скрипты - Файлы - На uCoz | Тут есть все для системы uCoz.
Меню сайта
www.na-ucoz.ru
Мини-чат
www.na-ucoz.ru
Опрос
Оцените мой сайт
Всего ответов: 87
www.na-ucoz.ru
Прогресс-бар



  • Установка:
    1. HTML:
    Code
    <div id="pb_all">  
      <a href="javascript://" onclick="progressBar();">  
      Скачать  
      </a>  
    </div>

    2. JavaScript:
    Code
    <script type="text/javascript">  
    function progressBar(set) {  
      set = set || {};  
      document.getElementById('pb_all').innerHTML = '<div id="ot" style="width:' + (set.outW || 100) + 'px;height:' + (set.outH || 20) + 'px;' + (set.outB || 'border:1px solid #79a0c1') + ';"><div id="pb" style="background:' + (set.inB || '#e6e6fa') + ';width:0px;height:' + (set.outH || 20) + 'px;"></div></div>';  
      var bar = document.getElementById('pb');  
      x = setInterval(function () {  
      if (parseInt(bar.style.width) < (set.outW || 100)) {  
      bar.style.width = parseInt(bar.style.width) + (set.step || 1) + 'px';  
      } else {  
      clearInterval(x);  
      location.href = '$FILE_URL$';  
      }  
      },  
      1000 / (set.speed || 2))  
    }  
    </script>

    Код $FILE_URL$ при необходимости заменить на свой.

    Также скрипт имеет ряд настроек:

    outW — ширина внешнего блока
    outH — высота внешнего блока
    outB — стиль рамки внешнего блока
    inB — цвет прогресс-бара
    step — шаг изменения значения прогресс-бара
    speed — скорость

    Пример настройки:

    Code
    progressBar({step:1, speed:30, outW:300, inB: '#000000'});

    Скрипт протестирован в браузерах Opera 10, Mozilla FireFox 3 и IE 7, всё работает без багов.

    С вами был $USERNAME$.



www.na-ucoz.ru
Дополнительные скриншоты
К сожалению к этому материалу дополнительных скриншотов нет.
www.na-ucoz.ru
Всего комментариев: 0
Имя *:
Email:
Код *:
www.na-ucoz.ru