使用jquery进行简单的淡入淡出，值得吗？

我已经阅读了你所有的回复，并得出结论，这是一个坏主意。非常感谢你，多页是如此容易无论如何

我正在建立一个网站，我不想刷新页面。我的想法是，根据用户选择的导航链接，我将有3个相同大小的不同div淡入淡出

示例代码：（#about是nav div，#about#u main是main div，依此类推）

这证明是一个问题，因为你可以点击

$（“#about a'）

100次，它会发射100次。此外，如果我快速点击许多

a标签，div就会变得一团糟

例如：

我怎样才能拥有它，使它淡入淡出容易和美好？当用户已经单击鼠标时，是否有方法解除鼠标单击的绑定？有没有更简单的方法呢？
抛开这样安排站点是否明智这一显而易见的问题不谈——首先，您可能希望为容器设置一个固定的高度，这样就不会在转换之间产生跳跃效应

至于重叠的动画，你应该先看一看，把这样安排网站的明智性这一显而易见的问题放在一边——首先，你可能想为你的容器设置一个固定的高度，这样你就不会在过渡之间产生跳跃效应

至于重叠的动画，你应该看看
我今天也面临着类似的问题。我得出的结论是，有时浮华的效果虽然吸引人，但并不合适。特别是对于像你所应用的效果一样大的东西。我会直接转到另一个页面

我不确定您使用的是哪种服务器端语言，但您的页面可以很容易地分成几个部分，这样您就可以重复使用页眉和页脚，即Asp.net母版页。
我今天也遇到了类似的问题。我得出的结论是，有时浮华的效果虽然吸引人，但并不合适。特别是对于像你所应用的效果一样大的东西。我会直接转到另一个页面

我不确定您使用的是哪种服务器端语言，但您的页面可以很容易地划分为多个部分，以便您可以重复使用页眉和页脚，即Asp.net母版页。
此问题的标题是“值得吗？”因此，我将解决这个问题，而不是在问题正文中提出的“如何”。答案是：不，请不要破坏互联网。
这个问题的标题是“值得吗？”所以我将解决这个问题，而不是在问题正文中提出的“如何”。答案是：不，请不要断开互联网。
虽然我同意罗伯特的观点，你不应该这样做，但是，如果你被迫这样做，你可以在这里查看以下示例：

我没有把你的风格带过来，但原则是一样的。
虽然我同意罗伯特的观点，你不应该这样做，但是，如果你被迫这样做，你可以在这里查看这个例子：

我没有带你的风格或任何东西，但原则是一样的。
不要这样做。这对搜索引擎优化不利。这不利于分析。这对书签不好。这对后面的按钮不好。最重要的是，本网站的明显目的是详细介绍您的专业web开发专家，这是不好的。请不要这样做。互联网不是这样工作的。有三个页面，并链接到它们。从令人眼花缭乱的角度来看，淡出可能是件好事，但任何一个称职的开发者都会关注这个网站，而不会雇佣你。不要这样做。这对搜索引擎优化不利。这不利于分析。这对书签不好。这对后面的按钮不好。最重要的是，本网站的明显目的是详细介绍您的专业web开发专家，这是不好的。请不要这样做。互联网不是这样工作的。有三个页面，并链接到它们。从赏心悦目的角度来看，淡出可能是件好事，但是任何一个称职的开发人员都会关注这个网站而不会雇佣你。老兄，尽管你的代码也有同样的问题，但我很感谢你的努力，谢谢！！伙计，尽管你的代码也有同样的问题，我还是很感激你的努力，谢谢！！
$('#about a').click(function() {
    $('#portfolio_main, #contact_main').fadeOut('fast', function() {
        $('#about_main').delay(405).fadeIn();
    });
});

//hide all divs that ren't on portfolio link
$('#portfolio a').click(function() {
    $('#about_main, #contact_main').fadeOut('fast', function() {
        $('#portfolio_main').delay(405).fadeIn();
    });
});

$('#contact a').click(function() {
    $('#about_main, #portfolio_main').fadeOut('fast', function() {
        $('#contact_main').delay(405).fadeIn();
    });

});