标签: slideup

当我按下按钮时,如何使用slideUp在中心显示布局,再按一次以隐藏...在ANDROID中的slideDown

帮助我,thnkss

展开/折叠ExpandableListView的项目时,是否可以有一个很好的上下滑动效果？

如果有,怎么样？

提前致谢.

如果正在删除某个项目,那么我想将其淡出并将其他元素向上滑动以填充空白区域.现在,当我使用fadeOut()该项目时,最后没有高度导致其他项目跳起来(而不是很好地向上滑动).

我怎么能slideUp()和元素紧随其后fadeOut()？

在继续编写脚本之前,我怎么能等到jQuery函数slideUp()结束？

<script type="text/javascript">
$(document).ready(function() {
    $("div[class=item]").click(function() {
        var id = $(this).attr("id");
        $("#content").slideUp();
        switch(id) {
            // Applications
            case "rampro":
                $("#content").css("text-align", "left");
                $("#content").load("inc/pages/rampro.html");
                $("#content").slideDown();
                break
            case "diskman":
                $("#content").css("text-align", "left");
                $("#content").load("inc/pages/diskman.html");
                break
            case "iconmap":
                $("#content").css("text-align", "left");
                $("#content").load("inc/pages/iconmap.html");
                break
            // Websites
            case "benoks":
                $("#content").css("text-align", "left");
                $("#content").load("inc/pages/benoks.html");
                break
            case "linkbase":
                $("#content").css("text-align", "left");
                $("#content").load("inc/pages/linkbase.html");
                break
            case "jamesbrooks":
                $("#content").css("text-align", "left");
                $("#content").load("inc/pages/jamesbrooks.html");
                break
            default:
                $("#content").css("text-align","center");
                $("#content").html("<h1>something went wrong, try again!</h1>");
        }
        return false;
    });
});

我有一个界面,大量使用jQuery slideUp和slideDown效果以三种方式扩展项目.

onmouseover: function() { 
this.find('.details', this).slideDown(); 
},
onmouseout: function() { 
this.find('.details', this).slideUp(); 
}

但是,当用户快速将鼠标移动到这些界面元素上时,动画无法跟上,并且在鼠标离开界面区域后项目将长时间上下滑动.

当鼠标离开项目的容器div时,有没有办法取消所有排队的幻灯片动画？

我在发布之前阅读了以下链接.

如何在Android中的两个活动之间应用幻灯片动画？

我需要知道如何制作活动幻灯片xml动画.就像他们为fadein和fadeout做的那样.

所以我在我的应用程序中使用了Sliding Up Panel Library,我正在尝试ScrollView在滑动面板中实现一个.由于滑动面板和ScrollView都是由垂直滚动控制的,这导致了一些问题.

一旦面板一直滑动,当ScrollView滚动到顶部时,我已经通过切换面板的dragview来部分工作.

我现在面临的问题是,当滚动面板到顶部时,滚动不会像在Google地图中那样传输到ScrollView.有点难以解释,所以请看这里的视频: www.youtube.com/watch？v = 9MUsmQzusX8&feature = youtu.be

这是面板幻灯片监听器:

...
slidePanel.setEnableDragViewTouchEvents(true);
slidePanel.setPanelSlideListener(new SlidingUpPanelLayout.PanelSlideListener() {

    @Override
    public void onPanelSlide(View panel, float slideOffset) {

            // Change the dragview to panelheader when panel is fully expanded
            // I'm doing this here instead of in onPanelExpanded, 
            // because onPanelExpanded first gets called once scroll 
            // is released. 
            if (slideOffset <= 0) {
                slidePanel.setDragView(layoutPanelTop);
            } 

            // If the panel is not fully expanded set the whole 
            // …

我已经使用jQuery slideup和slidedown为函数创建了一个非常简单的下拉菜单 - 但是如果鼠标快速移动到它上面,或者如果鼠标保持在上面,它会非常跳跃(我正在使用Firefox 3.6.8)其中一个子菜单项.

我在以下链接中做了一个工作示例:

http://jsfiddle.net/jUraw/19/

如果没有.stop(true,true)函数,情况会更糟.我也试过添加hover-intent,但因为我在同一个div中有一个悬停触发的幻灯片,它与幻灯片的功能相冲突.

有什么我想念的吗？我听说过clearqueue可能有效,或者可能超时,但无法弄清楚在哪里添加它们.

谢谢大家.

我遇到的麻烦.slideup()和.slideDown()

看看下面的JSFiddle:http://jsfiddle.net/7se2r/4/

虽然行出现并消失,但我没有看到向上或向下滑动的动画.关于我做错了什么的任何线索？

我在下面有jQuery .slideUp和.slideDown函数,当到达#showfootershop浏览器窗口底部的div时,#footershopdiv会向上滑动,然后立即向下滑动.

如何在浏览器窗口底部#footershop保持"向上"和可见状态#showfootershop,并且在用户向上滚动浏览器窗口之前不能向下滑动？

小提琴: http ://jsfiddle.net/8PUa9/1/

jQuery的:

$(window).scroll(function(){
/* when reaching the element with id "showfootershop" we want to
show the slidebox. */

    var distanceTop = $('#showfootershop').offset().top - $(window).height();

    if  ($(window).scrollTop() > distanceTop)
        $("#footershop").slideUp();
    else
        $("#footershop").slideDown();

});

页脚中的html:

<div id="showfootershop"></div>
<div id="footershop">
    <h1>Shop Links</h1>
</div>
</body>
</html>

CSS:

#footershop {
   height:35px;
   width:100%;
   display: none;
   z-index: 2;
}