Blog

スライダーのアニメーションをマウスの位置によって変化するスクリプト

2014.03.11Cat:jQuery デザイナー

appleの30周年の記念のサイトがありまして、
そこの年表の動きを実際にやってみるべく試してみました。

そのサイトはこちらで、
Apple – Macの30年

デモはこちらです。
(アニメーションの動きしかやっていません・・・)

DEMO

まだ思った通りにいってないので、もっとブラッシュアップする必要があります。。。

HTMLは以下になります。

その部分のCSSはこちら

この辺は普通で特別なことはありません。

最後jsですが、jQueryを使用しています。

こちらは直接jsファイルをご覧ください。
(余計なソースが書いてありますが、ご愛嬌でお願いします)

javascriptソース

まだまだうまくいかないですね〜〜

Author Profile

Y.A

アベと申します。
ディレクター兼デザイナー兼コーダーです。
まだまだ未熟者ですが、日々頑張っています。。。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ