Javascript 在身体负重的情况下滑下潜水舱

如何在页面加载时隐藏div，然后在页面加载后向下滑动？我不想使用CSS显示：无

试试这把小提琴：

这基本上使用CSS3来设置转换的所有参数，转换属性使动画成为可能，然后在加载文档后添加visible类来触发动画

代码如下：

HTML:

Javascript:

$(document).ready(function(){
    $("#notification").addClass("visible");
});

---

这更适合我，虽然它不会下滑，但淡入已足够。

---

使用display:none有什么问题，您是在使用原始javascript还是使用jquery？或者。。。display的问题是：如果JS不执行或用户禁用了JS，则没有备份。内容很简单hidden@user1090389如果JS不执行或者用户禁用了JS，那么在没有Javascript的情况下，你将如何滑下div？@emaillenin，他是对的，我有时也有同样的恐惧。他可能想1通过JS隐藏，2展示+幻灯片。因此，如果JS关闭，将不会发生任何事情，但用户将能够看到content@user1090389如果没有javascript，您将如何发现页面是否已完全加载？

#notification {
    background-color: #F00;
    color: #FFF;
    height: 25px;
    position: absolute;
    top: -25px;
    width: 100%;
    transition: top 0.5s;
    -moz-transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -o-transition: top 0.5s;
}

#notification.visible {
    top: 0px;
}

$(document).ready(function(){
    $("#notification").addClass("visible");
});