在jQuery中创建自定义动画函数

Question

我想创建一个轻量级动画函数，以帮助阻止我在整个地方重复代码。代码只是一个带有特定参数的animation({})调用，因此编写插件似乎有点矫枉过正，所以如何创建一个自定义jQuery函数，以便我可以像.slideUp一样调用它，但无需编写整个插件去做吗？

这就是我的动画

$("#id").css({opacity:0,"margin-top":"10px"})
    .animate({opacity:1,"margin-top":"0px"},'slow');

Answer 1

你的意思是这样吗？

  $.fn.slide = function(){
    $(this).css({opacity:0,"margin-top":"10px"}).animate({opacity:1,"margin-top":"0px"},'slow');
}

   $('#id').slide()