jQuery:平滑地滑入元素?

标签 jquery

我正在尝试使用 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');
      }
   );
});

我试图创建的效果基本上是从顶部平滑地滑动红色元素。

如有任何帮助,我们将不胜感激。

最佳答案

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

关于jQuery:平滑地滑入元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28771077/

相关文章:

javascript - JsViews:数据链接中辅助函数之前的转换器

javascript - 如何在所有浏览器中实现一致的布局?

javascript - append 不是附加内容而是替换它

javascript - 如何动态添加分页符到打印页面?

javascript - 遍历没有ID的表,存储在数组中供以后使用

jquery - 在图像的元素标签之前插入 div

javascript - 函数返回 [Object Object] 不是值

Javascript自动上下滚动页面并定期刷新数据

javascript - 如何在 jquery 中的 <td> 中创建链接?

javascript - C# Web 请求 - 如何等待页面及其所有后续 jquery/ajax 调用完成并且页面完全加载