jquery - 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/