blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

jQuery easingのメモ

Pocket

ちょっとメモ。 jQueryでeasingを使うときは、以下のように書きます。 Example 1:
$(function() {
$("#menu li").click(function () {
$("#content").stop().animate({opacity: 0},1000,"easeInCirc");
});
});
Example 2:
$(function() {
$(this).fadeTo(400, 1,"easeOutSine");
});
document読み込み後にJavaScriptを動作させるreadyメソッドは、以下2通りの書き方で同じ意味になります。
$(function() {
//実行内容
});
$(document).ready(function() {
//実行内容
});
easingの動きは、下記を参考。 Transition Types jQuery Easing Plugin jQuery Easing Pluginに似たものとして、jquery.easie.jsもあります。 jquery.easie.js