СТРАНИЧНЫЕ ПЕРЕХОДЫ - Форум
Включить музыку | Суббота, 10 Дек 2016, 2.07.12| Главная | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Архив - только для чтения
Форум » Корзина » Архив » Скрипты глобальных блоков » СТРАНИЧНЫЕ ПЕРЕХОДЫ (появления и исчезновения страниц***)
СТРАНИЧНЫЕ ПЕРЕХОДЫ
Кэт00Дата: Понедельник, 26 Окт 2009, 10.41.01 | Сообщение # 1
Генерал-полковник
Группа: Главн.Модератор
Город: Россия
На форуме с: 06 Июн 2009
Награды: 34
Сообщений: 1286
< >
Статус:
~ Мои награды ~
Доступно только для пользователей

[p.s.]Установка другого примера смотрим сообщение № 2,3,4[/p.s.]

Сообщение отредактировал Кэт - Воскресенье, 10 Янв 2010, 6.06.57
 
ЮляшкаДата: Понедельник, 26 Окт 2009, 10.41.21 | Сообщение # 2
Майор
Группа: Проверенные
Город: Краснодар
На форуме с: 14 Дек 2008
Награды: 0
Сообщений: 61
< >
Статус:
~ Мои награды ~
в дизайне страницы, любой, в самом вверху, в самом начале страницы есть такой или похожий код

Code
<html>      
<head>      
<title>$SITE_NAME$ - $PAGE_NAME$</title>      
<link type="text/css" rel="StyleSheet" href="http://zhunka.ucoz.ru/_st/my.css" />      
........................
</head>

Вставляем перед </head> где ........

Code
<META http-equiv=Page-Enter content=revealTrans(Duration=1.0,Transition=23)>         
<META http-equiv=Page-Exit content=revealTrans(Duration=1.0,Transition=23)>         
<META http-equiv=Site-Enter content=revealTrans(Duration=1.0,Transition=23)>         
<META http-equiv=Site-Exit content=revealTrans(Duration=1.0,Transition=23)>         
<META content="MSHTML 6.00.2600.0" name=GENERATOR>

[p.s.]где:
Page-Enter - при открытии страницы
Page-Exit - при закрытии страницы
Duration=1.0 - время появления эффекта (длительность от 1-5)
Transition=23 - эффект перехода[/p.s.]

Сообщение отредактировал Кэт - Воскресенье, 10 Янв 2010, 5.51.30
 
neddДата: Понедельник, 26 Окт 2009, 10.42.01 | Сообщение # 3
Рядовой
Группа: Проверенные
На форуме с: 26 Дек 2008
Награды: 0
Сообщений: 15
< >
Статус:
~ Мои награды ~
Эффект плавного перехода можно реализовать не только для изображений, но и вообще для страницы. Предположим, необходимо реализовать плавный переход между страницами. То есть одна страница плавно исчезает, а после этого так же плавно появляется другая.

Ссылка на ПРИМЕР нажимайте читать и смотрим

Код такого скрипта размещен ниже:

Code
<body style='filter:alpha(opacity=0); opacity: 0'>
...
<a href='javascript:go_to("page.html")'>ссылка</a>
...
</table>

</body>

<script language='javascript'>

var m = 0;
var t;
var go;

function show() {

m++;
document.body.style.opacity = m/100;
document.body.style.filter="alpha(opacity="+m+")";
t = setTimeout("show()",3);
if (m>=100) clearTimeout(t);

}

function hide() {

m--;
document.body.style.opacity = m/100;
document.body.style.filter="alpha(opacity="+m+")";
t = setTimeout("hide()",5);
if (m<=0) {

clearTimeout(t);
location.href = go;

}

}

function go_to(url) {

clearTimeout(t);
go = url;
hide();

}

show();

**************************************************************************************

Теперь по порядку. Для начала, мы делаем body невидимым, устанавливая его прозрачность:

Quote
<body style='filter:alpha(opacity=0); opacity: 0'>

После этого, любая ссылка, с которой происходит плавный переход на другую страницу, должна иметь следующий вид:

Quote
<a href='javascript:go_to("page.html")'>ссылка</a>

где page.html - адрес ссылаемой страницы.
Разумеется, данный скрипт должен быть установлен и на странице page.html.

Скрипт состоят из трех функция.
Функция show() вызывается сразу же в конце страницы и путем изменения прозрачности

m++;
document.body.style.opacity = m/100;
document.body.style.filter="alpha(opacity="+m+")";

добивается плавного появления страницы.
После того, как значение прозрачности достигло 100%, выполнение функции прекращается

if (m>=100) clearTimeout(t);

Функция go_to() как вы могли заметить, получает управление, при нажатии на ссылку. Данная функция сохраняет параметр url (адрес страницы, куда необходимо будет перейти) и вызывает функцию hide().

Функция hide() выполняет действия, обратные функции show(), то есть выполняет эффект плавного затухания страницы. В отличии от функции show(), после того как страница полностью исчезла, происходит переход на другую страницу:

if (m<=0) {

clearTimeout(t);
location.href = go;

}

Скрипт работает под любыми браузерами!!!!
В некоторых быстрее, в некоторых медленнее.

Для регулировки скорости плавного перехода, можно задать соответствующие параметры в setTimeout.

Источник: webobzor.net

Сообщение отредактировал Кэт - Воскресенье, 10 Янв 2010, 6.02.52
 
neddДата: Понедельник, 26 Окт 2009, 10.42.11 | Сообщение # 4
Рядовой
Группа: Проверенные
На форуме с: 26 Дек 2008
Награды: 0
Сообщений: 15
< >
Статус:
~ Мои награды ~
Работает не только в IE, но и в Mozilla и в Google Chrome - пользуйтесь на здоровье!

Для ускорения работы эффекта,в скрипт можно внести изменения

function show() {

m++;
document.body.style.opacity = m/10;
document.body.style.filter="alpha(opacity="+10*m+")";
t = setTimeout("show()",1);
if (m>=10) clearTimeout(t);

}

function hide() {

m--;
document.body.style.opacity = m/10;
document.body.style.filter="alpha(opacity="+10*m+")";
t = setTimeout("hide()",5);
if (m<=0) {

clearTimeout(t);

Сообщение отредактировал Кэт - Вторник, 17 Ноя 2009, 8.05.15
 
Форум » Корзина » Архив » Скрипты глобальных блоков » СТРАНИЧНЫЕ ПЕРЕХОДЫ (появления и исчезновения страниц***)
Страница 1 из 11
Поиск:
Последние сообщения на форуме
Посетители дня
Посетители:

В гостях у Белчонки © 2016