Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 00:48
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 8
Гостей: 7
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Плавный переход между страницами

Плавный переход между страницами Переходы, css, плавность
Потрясающий по своей красоте скрипт, который создает плавный переход между теми ссылками, которые нужны Вам, очень легок в установке и в пользование, всегда можно очень легко исправить. Скрипт подгружает фон сайта а потом уже всю страницу что делает красивое перелючение.

В CSS (фон должен пропасть, не пугайтесь) :
Код
body { display: none; }


Ставим на необходимой странице после <body> :
Код
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>   

    <script type="text/javascript">   
    $(document).ready(function() {   
    $("body").css("display", "none"); /** body (здесь и далее) означает, что эффект применяется ко всей странице. Можно изменить на идентификаторы любых элементов (#content, .comments и т.д.) */   

    $("body").fadeIn(500); /** время появления в миллисекундах */   
       
    $("a.fade").click(function(event){ /** a.fade означает, что данное решение будет работать только при нажатии на ссылки с классом (class) "fade" (можно изменить на свой) */   
    event.preventDefault();   
    linkLocation = this.href;   
    $("body").fadeOut(500, redirectPage); /** время изчезания в миллисекундах */   
    });   

    function redirectPage() {   
    window.location = linkLocation;   
    }   
    });   
    </script>


Вот таким образом необходимо приписать класс к нужной Вам ссылке:
Код
<a href="Ссылка" class="fade">Перейти на страницу</a>
Автор\Источник: http://asperago.com/public/slow.html

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 5100 | Комментарии: 7 | Рейтинг: 3.9/7 | |Категория: Скрипты Разное | Добавил: ASPERAGO | Дата: 03.01.2013 | Скачали: 0
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 5
5 SlowMotion   Дата: 09.01.2013  Время: 23:30   [№ 14369]
очень напоминает скрипт "Ajax переходы"

3 Dr-WebWorker   Дата: 04.01.2013  Время: 08:06   [№ 14339]
Можно, это тоже очень просто

+1   Спам
2 Freefantom   Дата: 04.01.2013  Время: 04:33   [№ 14338]
Можно сделать
Код
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("body").fadeOut(500, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});
</script>

Чтобы работало на всех ссылках и только плавное закрытие, без появления (так как отключеными яваскриптами у пользователей будет явно печалька )

4 Dr-WebWorker   Дата: 04.01.2013  Время: 08:07   1 [№ 14340]
Можно появление прописать на CSS3 (transition: opacity 0.5s;)

1 SlowMotion   Дата: 03.01.2013  Время: 22:59   [№ 14336]
Интересно... Скажите, а для переключателя страниц ведь можно его переписать?


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru