Question

我正在尝试使用jquery顺利滑入元素。

但由于某种原因，元素并没有真正滑入，效果根本不是很平滑！

请在此处查看jsfiddle：http://jsfiddle.net/q7o0p488/1/

这是我的jquery代码：

$(function() {
    $('.mypro').hover(function() {
        $(this).children('.overlay').fadeIn('slow');
        $(this).children('.overlayBtns').slideToggle();

      },
      function(){
        $('.overlay').fadeOut();
        $('.overlayBtns').fadeOut('slow');
      }
   );
});

我想要创建的效果基本上是顺畅地从顶部滑动红色元素。

任何帮助将不胜感激。

Answer 1

尝试调整slideToggle持续时间。 http://jsfiddle.net/oehzLsvc/

Answer 2

如果对您的应用程序有意义，您可以使用css3执行此操作。这里给出了一个例子。

CSS 3 slide-in from left transition

Answer 3

如果你想在这里使用Slidetoggle()

添加slow。

喜欢这个

$(function() {
    $('.mypro').hover(function() {
        $(this).children('.overlay').fadeIn('slow');
        $(this).children('.overlayBtns').slideToggle('slow');

      },
      function(){
        $('.overlay').fadeOut();
        $('.overlayBtns').fadeOut('slow');
      }
   );
});

点击http://jsfiddle.net/q7o0p488/2/

jQuery：元素滑动顺畅吗？

3 个答案: