gpt4 book ai didi

jquery - 滑动网页过渡(jQuery)

转载 作者:行者123 更新时间:2023-12-01 01:52:23 24 4
gpt4 key购买 nike

虽然该网站上有类似的问题,但似乎没有完全回答我的问题......

我有一个 5 个静态页面的网站,看起来就像美发沙龙的内部。我希望每个页面转换看起来都像用户在沙龙上滑动(环顾四周)。这意味着内容(.content div)需要滑出,然后下一页滑入。如果可能的话,最好能够向链接添加不同的类以更改页面和新页面滑出/滑入的方式(即从右到左或从左到右)。需要注意的是,导航栏、 Logo 和页脚不会滑动,因为它们在每个页面上都位于相同的位置。

我已经成功地使用 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 是否是答案,但从未探索过它,所以没有使用它的经验。

谢谢

杰米

最佳答案

您可以使用jquery的全景 View 插件: Plugin 1 Plugin 2 Plugin 3您还可以检查: This post on SO

关于jquery - 滑动网页过渡(jQuery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6166732/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com