jQuery.fx.off

TOPページに戻る > jquery入門

スポンサード リンク

jQuery.fx.off

jQuery.fx.offは、全てのアニメーション処理を無効にします
値がfalseのときにアニメーション処理が無効になります
値がtrueのときはアニメーションできます。デェフォルトはtrueです

jQueryは$で代用できます

jQuery.fx.off

アニメーション処理を停止

$.fx.off = !$.fx.off;

アニメーションを停止させる方法

ボタンをクリックすると指定した要素をアニメーションさせます
チェックボックスのチェックをはずすとアニメーション処理をオフにします

jquery

$(function() {
	$(":checkbox").click(function(){
	$.fx.off = !$.fx.off;
	});
	$("button").click(function(){
	$("#hoge").animate({left:"500px"},1000)
	.animate({left:"0px"},1000)
	});
});
css
#hoge{
 background-color: #FFCC99;
 width: 250px;
 height: 250px;
 position: relative;
 }

html

<button>ボタン</button>
<label><input type="checkbox" checked="checked">アニメーション</label>
<div id="hoge">animate()します</div>

サンプル

animate()します






(C)2012 ホームページ作成無料