Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 内容在背景上淡入_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 内容在背景上淡入

Javascript 内容在背景上淡入,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在这个网站上工作:当点击“进入网站”时,背景已经消失,我很难计算如何在背景上正确地淡入导航栏。我知道导航栏还没有设计好样式。我很确定我有正确的代码让导航淡入。只是不知道如何让它工作,所以当我想要它的时候它就会消失 谢谢我想您需要在jQuery中使用回调。基本上,第二个函数在第一个函数完成后运行 这是一把小提琴 Fadein有一个内置回调,只需将动画添加到该回调中,它将在背景淡入后执行 还要将相对位置添加到#容器中,以便可以在bg图像上看到它 $(function() { var ima

我在这个网站上工作:当点击“进入网站”时,背景已经消失,我很难计算如何在背景上正确地淡入导航栏。我知道导航栏还没有设计好样式。我很确定我有正确的代码让导航淡入。只是不知道如何让它工作,所以当我想要它的时候它就会消失


谢谢

我想您需要在jQuery中使用回调。基本上,第二个函数在第一个函数完成后运行
这是一把小提琴

Fadein有一个内置回调,只需将动画添加到该回调中,它将在背景淡入后执行

还要将相对位置添加到#容器中,以便可以在bg图像上看到它

$(function() {
    var images = ["black.jpg","bg.jpg"];
    $('<img>').attr({'src':'http://mccraymusic.com/newsite/assets/images/'+images[0],'id':'bg','alt':''}).appendTo('#bg-wrapper').parent().fadeIn(0);

    $('.move').animate({
            top:200,
            left:250,
    });

    $('.entersite').click(function(e) {
        e.preventDefault();
        var image = images[1];
        $('#bg').parent().fadeOut(200, function() {
            $('#bg').attr('src', 'http://mccraymusic.com/newsite/assets/images/'+image); 
              $(this).fadeIn(1000, function() {
                  $('.navbar').fadeIn(1000);
              });
        });
        $('.move').animate({"left": "-=50px", "top": "-=200px"});
    });
});​
$(函数(){
var images=[“black.jpg”,“bg.jpg”];

$('你能用
.delay()吗
jQuery稍后启动fadein的方法?能否将
位置:绝对;
添加到
导航栏
样式?图像具有
位置:绝对;
这一事实导致了一些z索引问题。^这家伙是对的。
位置:绝对
将移动
。同时移动
容器,尝试
位置on:relative
。我猜这才是这种情况下的真正问题。实际上,这并不是否决投票,而是使用w3schools的一个大-1。仅此而已。fadein有一个内置回调。fadein([duration][,callback])