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

これにより、要素が画面の左側から 20 ピクセル離れた位置に移動し (絶対に配置されている場合)、コールバック関数はその時点で要素を非表示にします。JQuery には多くの組み込み関数があります。いつかそれらを読んでください: http://api.jquery.com/