jQuery自定义slide方向

最新推荐文章于 2024-04-04 09:54:08 发布

weixin_30299709

最新推荐文章于 2024-04-04 09:54:08 发布

阅读量148

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/onlylonely/archive/2012/01/03/2311378.html

版权

jQuery官方动画库只提供了slide的向下开，向上关，明显不够用嘛。

so,找了找向左向右的代码。

jQuery.fn.extend({
  slideRightShow: function() {
return this.each(function() {
        $(this).show('slide', {direction: 'right'}, 1000);
    });
  },
  slideLeftHide: function() {
return this.each(function() {
      $(this).hide('slide', {direction: 'left'}, 1000);
    });
  },
  slideRightHide: function() {
return this.each(function() {
      $(this).hide('slide', {direction: 'right'}, 1000);
    });
  },
  slideLeftShow: function() {
return this.each(function() {
      $(this).show('slide', {direction: 'left'}, 1000);
    });
  }
});

上面的1000就是speed值，没有callback函数(也不能有)，下面这个可以用"slow"等，不过向左向右只能有一种。

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 ); }

来源 http://stackoverflow.com/questions/521291/jquery-slide-left-and-show

转载于:https://www.cnblogs.com/onlylonely/archive/2012/01/03/2311378.html