jQuery向左滑动并显示

Question

我延长了jQuery所谓的效果slideRightShow()，并slideLeftHide()与工作同样一对夫妇的功能slideUp()和slideDown()如下图所示。但是，我也想实现slideLeftShow()和slideRightHide()。我知道有很多提供此类功能的库（我想避免添加另一套大javascript文件），但是任何人都可以提供一个简单示例来说明如何实现slideLeftShow()or slideRightHide()吗？jQuery.fn.extend({  slideRightShow: function() {    return this.each(function() {      jQuery(this).animate({width: 'show'});    });  },  slideLeftHide: function() {    return this.each(function() {      jQuery(this).animate({width: 'hide'});    });  },  slideRightHide: function() {    return this.each(function() {      ???    });  },  slideLeftShow: function() {    return this.each(function() {      ???    });  }});上面的slideRightShow功能从左侧开始显示图像，然后向右侧显示。 我正在寻找某种方法来做同样的事情，但要从右侧开始，然后向左侧进行。谢谢！编辑jQuery Interface具有我需要的东西（我基本上需要它们的“向右滑动”和“向左滑动”功能），但是我无法使用它来与jQuery 1.3配合使用：http : //interface.eyecon.ro/demos /ifx.html。同样，他们的演示似乎也坏了，并且只会抛出一次幻灯片，然后抛出一百万个错误。

Answer 1

不要忘记填充和边距...

jQuery.fn.slideLeftHide = function(speed, callback) { 

  this.animate({ 

    width: "hide", 

    paddingLeft: "hide", 

    paddingRight: "hide", 

    marginLeft: "hide", 

    marginRight: "hide" 

  }, speed, callback);

}

jQuery.fn.slideLeftShow = function(speed, callback) { 

  this.animate({ 

    width: "show", 

    paddingLeft: "show", 

    paddingRight: "show", 

    marginLeft: "show", 

    marginRight: "show" 

  }, speed, callback);

}

添加了speed / callback参数后，它完全替代了slideUp()和slideDown()。