タグ

jqueryとanimationに関するbsheepのブックマーク (4)

  • jQuery Easing Plugin のイージング関数を直接利用する方法

    jQuery Easing Plugin のイージング関数を直接利用する方法 はいどうも。ここのところ JavaScript に熱中してます。ということで今回は jQuery の Easing 関数を直接利用する方法をご紹介します。 Easing (イージング) 関数って? イージング関数とは加速・減速を数式で表したもので、滑らかなアニメーションを表現する際に使われる関数です。jQuery においては jQuery.animate() メソッドの内部で利用されています。標準では linear と swing しか用意されていませんが、jQuery Easing Plugin にて 30 種類ものイージング関数を追加することができます。それぞれの効果についてはこちらのサイトの解説が詳しいです。 そんな素敵なイージング関数ですが jQuery.animate() 以外の処理に応用できたら夢が広

  • 多様なページ内スクロールを選択できる「jQuery.easing.scroll.js」|LabPad (ラボパッド)

    demo 前書 ルネ・クレールと喜劇 ルネ・クレールとチャップリン ルネ・クレールと諷刺 前書 ルネ・クレールに関する一文を求められたのであるが、由来クレールに関してはほとんどもう語り尽された観がある。しかし考えてみると私には別な見方がないでもない。それを書いて見ようというのであるが自分の仕事のことなどを考えると気恥ずかしくてクレール論などは書けないのがほんとうである。今日はひとつ批評家になつて書いてみようと思う。 ルネ・クレールと喜劇 ルネ・クレールについてまつたく何も知らない人から「ルネ・クレールとはどんな人だ」ときかれたならば、私は「非常に喜劇のうまい人だ」と答えるにちがいない。 少しいい方を変えるならば、ルネ・クレールは私に喜劇を見せてくれるただ一人の映画芸術家だともいえる。正直な話、私のクレール観は以上でおしまいなのであるが、これでやめてしまつたのでは『キネマ旬報』の印刷所がひま

  • jQuery Easing - jQuery 日本語リファレンス

    Easing/jQuery easingとは、エフェクトの動きを加速/減速させるための関数です。 例えばフェードアウトの動きを考えたとき、通常は透明度の変化量は経過時間に対して線形です。全体で1秒かかって消える処理であれば、0.5秒経過時の透明度は0.5になります。 しかし、ここでeaseInQuadの動きを適用すると、変化量は線形ではなく2次関数の曲線になります。(下記サンプル参照) そのため、最初はゆっくりと薄くなっていき、後半に急激に消えていくような効果が得られます。 特別なことをしなくても使うことの出来るeasingは"linear"と"swing"の2種類だけですが、プラグインなどを入れることで多くのeasingを利用することができます。 このeasingプラグインでは、version 1.3時点で32パターンが提供されています。 これ以外にもeasingは比較的容易に自作するこ

  • [デモ]jQueryで簡単なページスクロール 改良001|factory.yusukenakanishi.com

  • 1