jQuery - 在某个点隐藏具有左效果的元素

Question

使用此代码

<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.slide.js"></script>
$('#hello').hide('slide', {direction: 'left'}, 1000);

当文本到达屏幕左侧时文本消失，但我希望它以20px的差异消失，因此文本会在到达屏幕的左下方之前消失。

Answer 1

似乎JQuery animate会对你有所帮助：

 var NumberOfMilliseconds = 500;
 $('#hello').animate({left: '20px'}, NumberOfMilliseconds, function() {
    $(this).hide();
 });

这会将你的元素从屏幕左侧移开20px（只要它绝对定位），然后回调函数会在那一点隐藏它。 JQuery有很多内置函数，你应该在某些时候阅读它们：http://api.jquery.com/