jquery在页面加载时滑动 [英] jquery slidedown on page load

查看:87
本文介绍了jquery在页面加载时滑动的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何在页面加载时使用jquery向下滑动div,其中css设置为display:none?我看到很多解决方案,但如果css设置为display:none,则没有人可以滑动div。最好的方法是在加载时隐藏它并在滑动之后但是当页面加载时div会闪烁(显示)。

How can slide down a div with jquery on page load where css is set to display:none? I see a lot of solutions but none can slide div if css is set display:none. The best way is to hide it on load and after slidedown but the div have flash (show) when page is loading.

推荐答案

你可以试试这个:

$(document).ready(function(){
    $('.hidden').slideDown(1000);
});

HTML:

<div class="hidden">This is the content</div>

CSS:

.hidden{
 display:none;   
}

它在页面加载时向下滑动。

It slides down on page load.

DEMO

DEMO

这篇关于jquery在页面加载时滑动的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆