Javascript(JQuery)で横スクロールのサンプルを作りました。

 前回は、画像の位置を固定して画像を再生していましたが、今回は画像を左右に動かすサンプルを作りました。起動時に自動的にスクロールされます。スクロールの向きは、「java.js」ファイルの設定で変更が可能になっています。スピードも同ファイルで設定できます。外観を編集する時は、「index.css」を編集してください。スクロールする内容は、同じ幅の要素を使ってください。htmlファイルのli内を編集するとテキストなどを表示できます。

JavaScript サンプル(左右スライド再生)

 ソースコードは、以下のようになっています。もし良かったら参考にしてください。次回は、自動再生で上下へ移動するサンプルを作りたいと思います。

http://www.shinbo.org/mywork/sample/2011/js_sample_0113/index.html
http://www.shinbo.org/mywork/sample/2011/js_sample_0113/index.css
http://www.shinbo.org/mywork/sample/2011/js_sample_0113/java.js

Leave a comment