Полоска загрузки для сайта (плагин NProgress.js)
1941
8.4 из 10
Проголосовало: 5
Проголосовало: 5
Этот скрипт позволит установить на Вашем сайта прогресс бар, показывающий загрузку сайта в целом в виде полоски в верхней части. Впервые я увидел такую загрузку на YouTube, но не будем гадать, где она появилась впервые. Подумайте, прежде чем установить скрипт, т.к. может оказаться, что это и будет лишней нагрузкой на сайт. Если на сайте нечего загружать, то такой плагин будет лишним, а если на сайте встроен видео-проигрыватель или просто тяжелые изображения, то следует поставить такой интересный и полезный плагин.
Скрипт работает нормально с версией JQuery 1.10.2. А сам скрипт NProgress.js должен загружаться после библиотеки, поэтому нужно вставить его в "Верхнюю часть сайта" после body. А запуск плагина вставьте в "Нижнюю часть сайта", перед /body.
Ниже приведена инструкция как установить прогресс бар на свой сайт на uCoz.
Установка
Скачайте архив, загрузите папку nprogress через FTP.
В <head> Вашего сайта вставьте следующий код:
Код
<script src="nprogress/nprogress.js"></script>
<link rel="stylesheet" type="text/css" href="nprogress/nprogress.css" />
<script type="text/jaxascript">
$('body').show();
NProgress.start();
setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);
</script>
<link rel="stylesheet" type="text/css" href="nprogress/nprogress.css" />
<script type="text/jaxascript">
$('body').show();
NProgress.start();
setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);
</script>
Теперь немного о настройке.
NProgress.start() — показывает Progress Bar
NProgress.set(0.4) — устанавливает значение в процентах (0.5 - 50%, 1 - 100% и далее)
NProgress.done() — завершает загрузку страницы
Плагин может оказаться полезным для видеосервисов, файловых хостингов и просто для украшения сайта. Очень прост в установке и использовании.
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 9
-3
|
Категория: Троян
Описание: Эта опасная программа выполняет команды злоумышленника. Рекомендуемое действие: Немедленно удалите это программное обеспечение. Объекты: file:C:\Users\Vlad\Desktop\Downloads\5991_zornet-blogging.rar webfile:C:\ProgramData\Microsoft\Windows Defender\LocalCopy\{69115C8F-0877-4905-8074-E41EF912B783}-5991_zornet-blogging.rar|browser.exe webfile:C:\Users\Vlad\Desktop\Downloads\5991_zornet-blogging.rar|http://zornet.ru/_ld/59/5991_zornet-blogging.rar|browser.exe |
0
|
Да...Гавёный у вас антивирус
|
0
|
это троль какой то )
|
|
-2
|
ко ко ко
|
|
0
|
ко ко ко это к тебе, пользуется гавно антивирусом, скидывает какую то дичь и говорит это вирус. я сам проверил архив, там лежит 2 файла js и css
|
+2
|
0
|
Установил как надо, скрипт не работает.
Подключение скрипта в "Верх", а запуск в "Низ". !НО! jsfiddle ошибок не выдал. Jquery 1.10.2 подключён. |
|
+1
|
потому, что руки из.... поэтому и не работает.
|
|
0
|
Код <script> $('body').show(); $('.version').text(NProgress.version); NProgress.start(); setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000); $("#b-0").click(function() { NProgress.start(); }); $("#b-40").click(function() { NProgress.set(0.4); }); $("#b-inc").click(function() { NProgress.inc(); }); $("#b-100").click(function() { NProgress.done(); }); </script> правильный код |
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
 | |  |  |  |  |
 | |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2025 г.
- Design by Вовчик Администратор:)