У меня есть пятистраничный статичный веб-сайт, который выглядит как парикмахерская. Я бы хотел, чтобы каждый переход между страницами выглядел так, будто пользователь скользит по салону (оглядывается вокруг). Это означает, что контент (.content div) должен выдвигаться, а затем вдвигаться следующая страница. Если возможно, было бы хорошо иметь возможность добавлять различные классы к ссылкам, чтобы изменить способ выдвижения/включения страницы и новой страницы. (т.е. справа налево или слева направо). Следует отметить, что панель навигации, логотип и нижний колонтитул не будут перемещаться, поскольку они находятся в одном и том же месте на каждой странице.
Мне удалось получить эффект затухания с помощью jQuery:< /p>
Код: Выделить всё
$(".content").css("display", "none");
$(".content").fadeIn(2000);
$("a.transition").click(function(event) {
event.preventDefault();
linkLocation = this.href;
$(".content").fadeOut(1000, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
Однако на самом деле это очень неуклюже, и мне хотелось бы иметь возможность перемещать страницы так же, как плавность jQuery. Я не хочу иметь одностраничный веб-сайт по причинам SEO. Я не уверен, что ajax является ответом, но я никогда не изучал его, поэтому у меня нет опыта его использования.
Подробнее здесь:
https://stackoverflow.com/questions/616 ... -in-jquery
Мобильная версия