我扩展了所jQuery调用的效果,slideRightShow()并slideLeftHide()使用了几个slideUp()与slideDown()下面相同的函数.但是,我也想实施slideLeftShow()和slideRightHide().
我知道有大量的库提供这种类型的东西(我想避免添加另一大组javascript文件),但任何人都可以提供一个简单的例子来说明如何实现slideLeftShow()或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() {
???
});
}
});
Run Code Online (Sandbox Code Playgroud)
上述slideRightShow功能从左侧开始显示图像,并向右侧前进. 我正在寻找一些方法来做同样的事情,但从右侧开始向左进展.谢谢!
编辑
jQuery接口有我需要的东西(我基本上需要他们的"向右滑动"和"向左滑出"功能),但我无法使用jQuery 1.3:http://interface.eyecon.ro/demos /ifx.html.此外,他们的演示似乎已经破解,并且在投掷一百万个错误之前它只会执行一次幻灯片.