标签: slide

案例:Jquery代码管理滑动EM标签(带有slideToggle功能),以便在悬停时显示.

问题:slideToggle有时会将悬停状态排队.我参考了这篇文章:http: //www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup

我试图插入stop()函数,但这不会影响slideToggle(); 但它对动画功能有好处的方法.

这是我工作的代码:

Jquery代码:

$(document).ready(function() {
    $('#ProdImg a .priceTag').slideUp();    

    $('#ProdImg a').mouseover(function() {
        $(this).stop().find('.priceTag').slideToggle();
    });

    $('#ProdImg a').mouseout(function() {
        $(this).stop().find('.priceTag').slideToggle();
    });
});

HTML代码:

<div id="ProdImg" style=" height:240px;">
    <a title="TEXT" href="TEXT_URL" style="position:absolute; margin-left:10px;">
    <em style="text-align:right; color:#666;" class="priceTag">
        <div class="colorGoldGradient" style="width:100%;">
            <div class="rightGoldGradient" style="width:100%;">
                <div class="leftGoldGradient" style="width:100%;">
                    <div style="padding-left:5px; padding-right:10px;">Prezzo:<br />
                    TEXT
                    </div>
                </div>
            </div>
        </div>
    </em>
    <span class="offertaTag"><span>
    </a>
</div>

当在两个活动之间切换时,屏幕从右到左滑动.当我按后退键时,屏幕从右向左滑动.当我从活动按键返回屏幕滑动方向时,这是一种方式吗？

我正在寻找一种方法来切换元素的可见性,方法是将其滑入,同时平滑地推开目标位置中的元素.

到目前为止,我尝试了jQuery和jQuery Ui的两种幻灯片效果,看起来我需要混合使用这两种效果.

虽然jQuery的幻灯片延伸了有问题的元素,但我宁愿它像在容器中一样滑入和滑出overflow: hidden(就像jQuery Ui那样).不幸的是,jQuery Ui不会在动画期间重新定位相邻元素,但会在动画结束后跳转到它们的位置.

我创造了一个小提琴来告诉你我的意思.我的问题是:有没有办法让jQuery Ui中的幻灯片没有后续元素跳到它的位置,而是顺利地移动到那里？

非常感谢您的建议!

从左边拉出一个div？非常简单.从右边拉出来？没那么多.

我正在寻找一个div隐藏在屏幕外但连接到屏幕上的小标签.当用户单击标记时,out会滑动整个div.这是非常基本的左边使用jQuery和CSS.从右边开始,用户可以直接滚动查看"隐藏"div!

这是我想要的(http://jsfiddle.net/yHPTv/),除了div 部分隐藏在屏幕外左侧,我希望它部分隐藏在屏幕右侧.

这是我到目前为止所尝试的(http://jsfiddle.net/LU8En/),显然它不起作用,因为可以向右滚动.

使用动画(或幻灯片或切换拖放)的问题在于我不希望整个div只是消失/出现,我想要一点点存在.

  })
  //NEXT
  $('.social-next a').on('click', function(e){
    e.preventDefault();
    $('.social').animate({marginLeft: '-940px'});
  })
  //PREVIOUS
  $('.social-previous a').on('click', function(e){
    e.preventDefault();
     $('.social').animate({marginLeft: '940px'}, 500);
  })

这只是修复了边距值,我需要另一方面滑动我的内容,所以按下一个并且上一个我需要滑动它,有点明显.

谢谢.

编辑:

.social {
  width: 2820px;
  overflow: hidden;
}

.social .slide {
  width: 940px;
  float: left;
  overflow: hidden;
}


.social-previous {
  position: absolute;
  top: 50%;
  left: 0;
}

.social-next {
  position: absolute;
  top: 50%;
  right: 0;
}

和HTML:

        <div class="social">
            <div class="intro">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima error.<a href="#" class="show-slides">Check it!</a></div>

            <div class="slide">
                <div class="intro">Lorem ipsum dolor sit …

我需要在 android 中将一种布局滑动到另一种布局上。

要求。

1 . layout1覆盖了 80% 的屏幕，其余的由layout 2占据。

2 . 我需要能够在布局 1之上滑动 布局 2，布局 2 的总宽度或可滚动限制应该使得 布局 1 的 20%应该在下方可见。