ページの横スライド移動 javascript ＆ CSS

クリック時にページを横方向にスライドさせるスクリプトです。サイト制作の際に利用したものをテンプレート化しておきました。

この種類のスクリプトは検索してみるといろいろあります。今回はその中から簡単に利用できそうなものを選んで使わせていただきました。

設置する際のポイント
・ページの幅を設定する
・body要素に「onload="Init()"」を追加
・ページ自体にpaddingを設定しない。ブラウザによってはスライド幅がずれてしまうおそれがあるので。ページ内にボックス要素(div)を作って、そこに設定をする。


テンプレートのダウンロード
ページの横スライド移動

参考サイト
初めてのホームページ講座　紙芝居（横）