Blog

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

2014.03.11Cat:jQuery デザイナー

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

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

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

DEMO

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

HTMLは以下になります。

その部分のCSSはこちら

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

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

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

javascriptソース

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

Author Profile

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

越境ECの最新情報

人気の記事

越境EC関連の記事

月から探す

ページTOPへ