如何制作变换动画

时间:2015-05-16 10:44:19

标签: javascript jquery html css

我的HTML页面有一个脚本。我想在该脚本中进行以下操作:

  1. 显示预加载#id几秒钟然后淡出;

  2. 当div正在加载显示该div的主页面时导致我的opacity0.7我想将nav-bar转换为浏览器窗口,以便低音显示隐藏它并在该位置转换新的nav-bar

  3. 我希望在预加载页面工作之后不会发生这种情况! 我想用nav-bar动画在parraler中展示更多的竞赛。

    我创建了剧本,但是我对如何定位我的行为感到迷茫,而且我不知道我是否做了任何不妥之处。我制作淡出预加载器。

    $(window).load(function(){
        $("#fade").css({opacity: 0.7})
        $("#fade").delay(4000).fadeOut(1000, function() {
            $('#nav-before').transition({ y: '40px' }); //now I want to hide the nav
            //and show the new with id="nav-after"
                //and in parraller with the above to be able to load more contects
            $("#fade").remove(); //when evrything finished kill the div
        });
    
    });
    

1 个答案:

答案 0 :(得分:0)

$( "#fade" ).animate({
    opacity: 0.0
  }, 5000, function() {
    // Animation complete.
  });

您可以使用 动画 进行游戏。以下是参考:jquery.com/animate/