1

我得到了一个<div>我想从 Down 到 Up 而不是 Up to Down 的滑动。

当我尝试时:$('#div_slide').slideDown(1000);甚至<div>没有显示。当我做:

$('#div_slide').slideUp(1000);

它确实有效,但从最顶部滑到最底部,我希望它是相反的,从下到上打开,从底部到顶部。

我怎么做?

4

1 回答 1

3

CSS

 .block {
    position: relative;
    width: 320px;
    height: 260px;
    display: block;
    background: pink;
    margin: 0 auto;
    overflow: hidden;
}
.slidemeup{
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: none;
    width: 260px;
    height: 40px;
    padding: 20px;
}

HTML

    <div class="block">
    <div class="slidemeup">
    this will slidedown in revwrse direction</div>
    </div>

JS

jQuery(".block").hover(
    function(){
        jQuery(".slidemeup").slideDown();
    },
    function(){
    jQuery(".slidemeup").slideUp('fast');
});

在这里查看这个工作jsfiddle

于 2013-03-09T21:45:14.153 回答