Javascript(JQuery)で画像を円軌道で移動させるサンプルです。画像をクリックするとクリックされた画像が正面で停止する仕様になっています。再度動かすときは、下側のボタンをクリックしてください。設定できる項目は、画像の移動軌道、画像のサイズ、初期位置、速度、移動方向、透明度ができます。
設定項目が複雑なでの、初回は、横スクロールについて説明したいと思います。設定次第で縦スクロールも可能になっています。
円軌道スクロールサンプル
サンプルをもっと見たい方はこちら
(注意してください
)
今回のサンプルは、Jqeryのバージョンが古いと、うまく動かない場合があります。その時は1.5以上のバージョンにしてください。
ソースコードは、以下のようになっています。もし良かったらダウンロードしてください。
tar形式でダウンロード
zip形式でダウンロード