页面淡入和淡出过渡

延斯·克维斯特(Jens Kvist)

我当前正在尝试创建一个脚本,该脚本在单击定位链接时会在页面之间进行淡入淡出过渡。我已经制作了脚本,但是它似乎不起作用。

我的代码如下所示:

$("body").load(function() {
    $(this).fadeIn(200);
});

$("a").click(function() {
    $link = $(this).attr("href");
    $("body").fadeOut(200);
    window.location.replace($link);
});

它似乎没有进行fadeIn和fadeOut过渡。它仍然是正常的页面加载。

马达里尼瓦斯库

首先,在页面加载时隐藏页面的主体,然后将重定向行放置在 fadeOut

试试这个代码:

 $(document).ready(function() {
    $('body').hide().fadeIn(200);
    $("a").click(function(e) {
        e.preventDefault();
        $link = $(this).attr("href");
        $("body").fadeOut(200,function(){
          window.location =  $link; 
        });
    });
 });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

后台淡入淡出过渡javascript和CSS

来自分类Dev

网格/列表视图之间的淡入和淡出过渡如何?

来自分类Dev

如何使下拉列表淡入和淡出过渡?

来自分类Dev

语义UI淡入/淡出过渡

来自分类Dev

使用 onClick 淡入淡出过渡

来自分类Dev

淡入淡出过渡效果不理想

来自分类Dev

循环UIImage淡入淡出过渡与多个图像

来自分类Dev

如何均匀地淡入淡出过渡?

来自分类Dev

在fullpage.js中淡入淡出过渡

来自分类Dev

域之间的淡入淡出页面过渡

来自分类Dev

淡入下一页时,jQuery 淡入淡出过渡会导致奇怪的闪烁

来自分类Dev

背景尺寸的封面淡入淡出过渡而没有尺寸过渡

来自分类Dev

CSS叠加,淡入淡出和过渡

来自分类Dev

Vue过渡按钮淡入和淡出

来自分类Dev

悬停图像时CSS淡入淡出过渡为块文本吗?

来自分类Dev

背景幻灯片(javascript)淡入淡出过渡效果

来自分类Dev

React.native中Stack.Screens之间的Stack.Navigator淡入淡出过渡?

来自分类Dev

Vue淡入淡出过渡仅在元素离开但不进入时才起作用

来自分类Dev

使用jQuery附加函数交换带有淡入淡出过渡的元素

来自分类Dev

背景幻灯片(javascript)淡入淡出过渡效果

来自分类Dev

如何在Maskview iOS 8中添加淡入淡出过渡效果?

来自分类Dev

向通过 ajax 加载的项目添加淡入淡出过渡

来自分类Dev

Reveal.js 自定义键盘绑定否定淡入淡出过渡

来自分类Dev

将淡入淡出过渡应用于javascript中的幻灯片

来自分类Dev

自定义交叉淡入淡出过渡到黑色

来自分类Dev

Swiper 版本 4 - 幻灯片的淡入淡出过渡不起作用

来自分类Dev

淡入淡出页面过渡到锚点

来自分类Dev

滚动页面时淡入和淡出div

来自分类Dev

在淡入淡出过渡期间z索引不起作用,在过渡完成后解析

Related 相关文章

  1. 1

    后台淡入淡出过渡javascript和CSS

  2. 2

    网格/列表视图之间的淡入和淡出过渡如何?

  3. 3

    如何使下拉列表淡入和淡出过渡?

  4. 4

    语义UI淡入/淡出过渡

  5. 5

    使用 onClick 淡入淡出过渡

  6. 6

    淡入淡出过渡效果不理想

  7. 7

    循环UIImage淡入淡出过渡与多个图像

  8. 8

    如何均匀地淡入淡出过渡?

  9. 9

    在fullpage.js中淡入淡出过渡

  10. 10

    域之间的淡入淡出页面过渡

  11. 11

    淡入下一页时,jQuery 淡入淡出过渡会导致奇怪的闪烁

  12. 12

    背景尺寸的封面淡入淡出过渡而没有尺寸过渡

  13. 13

    CSS叠加,淡入淡出和过渡

  14. 14

    Vue过渡按钮淡入和淡出

  15. 15

    悬停图像时CSS淡入淡出过渡为块文本吗?

  16. 16

    背景幻灯片(javascript)淡入淡出过渡效果

  17. 17

    React.native中Stack.Screens之间的Stack.Navigator淡入淡出过渡?

  18. 18

    Vue淡入淡出过渡仅在元素离开但不进入时才起作用

  19. 19

    使用jQuery附加函数交换带有淡入淡出过渡的元素

  20. 20

    背景幻灯片(javascript)淡入淡出过渡效果

  21. 21

    如何在Maskview iOS 8中添加淡入淡出过渡效果?

  22. 22

    向通过 ajax 加载的项目添加淡入淡出过渡

  23. 23

    Reveal.js 自定义键盘绑定否定淡入淡出过渡

  24. 24

    将淡入淡出过渡应用于javascript中的幻灯片

  25. 25

    自定义交叉淡入淡出过渡到黑色

  26. 26

    Swiper 版本 4 - 幻灯片的淡入淡出过渡不起作用

  27. 27

    淡入淡出页面过渡到锚点

  28. 28

    滚动页面时淡入和淡出div

  29. 29

    在淡入淡出过渡期间z索引不起作用,在过渡完成后解析

热门标签

归档