こんにちは、CTOのづやです。 前回はTwenn系の使い方について紹介しましたが、今回はTimeline系の使い方について紹介していきたいと思います。 こちらには読んで字の如く、いろいろいろいろなアニメーションをタイムラインで管理できる機能がそろっています。 非常に便利なので個人的によく使っております。 基本的な使い方 タイムラインオブジェクトを作り、行いたいイベントを追加していくイメージです。 下記のような感じが基本的な構成になるでしょうか。 // タイムライン作る var tl = new TimelineMax(); // idがmoveのtopを250pxにする動作を0秒後に呼ぶ tl.add(TweenMax.to("#move" , 5 , {top:"250px"}), 0); // idがmoveのleftを250pxにする動作を5秒後に呼ぶ tl.add(TweenMax

スクロールする時に少し余韻を残してスクロールするようにするjQueryのプラグインです。ページ全体だけでなく、ページの一部にのみ使う事も可能です。最新記事のボックスなどに使ってみたいと思いました。 （！ご注意：こちらの記事では記事を書いた当時の使用方法をご紹介しております。現在の使い方などとは違っておりますので、ご使用の際はプラグイン配布元の使用方法をご参考いただくことをおすすめします。） divだけでなくフレームにも対応しています。 配布先とデモ 配布先：inuyaksa / jquery.nicescroll 上の方の”zip”というボタンをクリックでデモファイルも入った一式のセットがダウンロードできます。jquery.nicescroll.jsの項目かjquery.nicescroll.min.jsの項目でスクリプトのみのダウンロードができます。 使用方法 ヘッド内で下記のようにjQ