Question

我希望我的问题有道理，但我想要做的是：通过过渡展示一个div。这意味着我希望div从上到下或从左到右缓慢出现，几乎就像褪色一样。这可能是javascript还是jquery？

Answer 1

有可能，如果我明白你需要这样的东西： http://jsfiddle.net/e5BuX/

$(document).ready(function(){
$(".cube").animate({left:"400px",opacity:"1"},2000);

}）;

Answer 2

如果我正确理解了这个问题，最接近的是jQuery slideUp（）或slideDown（）方法。它们并不完全消失，但就像我说的那样，可能是最接近的东西（尽管我不是JavaScript / jQuery专家）。

here是一个展示其外观的网站。

编辑：Here是您可以使用animate（）方法执行的自定义动画的其他一些很好的示例

希望有所帮助！

Answer 3

它可以使用vanilla javascript和jQuery.animate但它也可以完全通过css3 transition＆amp;动画。看看here for example

Answer 4

也可以只使用css3。这是一个rough ideea。

<强> HTML

<div class="im-a-div animate-me im-hidden">
    <span class="center-me">I'm inside the div!</span>
</div>

<input id="show-the-div" type="button" value="Show div"/>

<强> CSS

.im-a-div {
    background: #ddd;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 100px;
    position: relative;
    opacity: 1;
    width: 400px;
}

.im-hidden {
    margin-top: -100%;
    opacity: 0;
}

.animate-me {
    -webkit-transition: all 1000ms 0s ease-in-out;
    -moz-transition: all 1000ms 0s ease-in-out;
    -ms-transition: all 1000ms 0s ease-in-out;
    transition: all 1000ms 0s ease-in-out;
}

Javascript使div从上到下显示

4 个答案: