jQuery.fx.interval

TOPページに戻る > jquery入門

スポンサード リンク

jQuery.fx.interval

jQuery.fx.intervalはアニメーションする速度を設定します(ミリ秒単位)
デフォルトは13ミリ秒です。この数値が低いほどクロームなどの最新のブラウザでスムーズに高速なアニメーションが実行できます

jQuery.fx.interval

jQueryは$で代用できます

$.fx.interval

フレーム速度を変更する

$.fx.interval = 100;

アニメーションする速度を設定する方法

ボタンをクリックすると指定した要素をアニメーションさせます
アニメーションのフレームスピードを遅くしました。(フレームの数を減らしました)

jquery

$(function() {
	$.fx.interval = 200;
	$("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>
<div id="hoge">animate()します</div>

サンプル

animate()します






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