Несмотря на то, что на этом сайте есть похожие вопросы, non, похоже, вполне отвечает на мой вопрос ...
У меня есть сайт с 5 статическими страницами, который похож на внутреннюю часть парикмахерской.Мне бы хотелось, чтобы каждый переход страницы выглядел так, будто пользователь скользит по салону.Это означает, что контент (.content div) должен выдвигаться, а затем - следующая страница. Если это возможно, было бы хорошо иметь возможность добавлять различные классы в ссылки, чтобы изменить способ скольжения страницы и новой страницы.(т.е. справа налево или слева направо).Следует отметить, что панель навигации, логотип и нижний колонтитул не будут скользить, поскольку они находятся в одном и том же месте на каждой странице.
Мне удалось получить эффект затухания с помощью jQuery:
$(".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, но никогда не изучал его, поэтому не имею опыта его использования.
Спасибо,
Джейми