Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.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 页面完全加载时自动向下滑动div不工作_Javascript_Html_Slide - Fatal编程技术网

Javascript 页面完全加载时自动向下滑动div不工作

Javascript 页面完全加载时自动向下滑动div不工作,javascript,html,slide,Javascript,Html,Slide,我想这样做,当页面完全加载时,div内容会向下滑动一次,但这里不工作是代码 $(document).ready(function() { $('#slidercontent').delay(1000).slideDown(100); }); 没有结果;你想修吗 html 没有名为slideLeft的默认效果,因此您必须使用: $(document).ready(function(){ $("#selector").delay(1000).animate({width:0},500

我想这样做,当页面完全加载时,div内容会向下滑动一次,但这里不工作是代码

$(document).ready(function() {
   $('#slidercontent').delay(1000).slideDown(100);
});
没有结果;你想修吗

html


没有名为slideLeft的默认效果,因此您必须使用:

$(document).ready(function(){
    $("#selector").delay(1000).animate({width:0},500);
});
也可以使用setTimeout方法

您只需要添加显示:无;在CSS中。我还希望您在javascript之前包括jQuery库:

这是工作小提琴:


已将向下滑动时间增加到1000以使其更可见

这是您的错误?您可以使用firebug查看jQuery文档中的javascript错误,而且slideLeft似乎不是默认效果,所以您必须使用animate。我已经编辑了答案,这应该行得通:他想使用slideDown而不是slideLeft&这里有一个函数slideDown!问题不在幻灯片上,它在这个div上为什么它没有向下滑动,甚至它是空的,为什么他更改了代码。。他第一次想用Slidelft。。非常抱歉,我的回答不正确。也可以显示一些html或添加一个感谢,现在就查看我的答案。非常感谢您的帮助!
#slidercontent {width:1101px; height:195px; margin:0 auto;}
$(document).ready(function(){
    $("#selector").delay(1000).animate({width:0},500);
});
$(document).ready(function(){
    setTimeout(function(){
        $('#slidercontent').animate({width:0},100,function(){
            // do some other stuff after the animation is complete
        });
    },1000);
});