divタグにクラス指定するだけでページング（ページャー）できるJavascript ～mampager.js

１つのページ内に複数ページを作成しページめくりで順次表示する。
mampager.js(6KB)ダウンロード

使い方

上記ボタンを押してmampager.jsをダウンロードします。
mamPagerを使いたいファイルで、
```
  <script src="./js/mampager.js"></script>
```
のように、相対又は絶対パスでmampager.jsを指定します。
使いたい場所でDIVタグのクラスに"mamPager"を指定し、入れたいページの数だけ子要素のDIVタグを入れます。

<div class="mamPager">
  <div>
    ここが1ページ目
    自由にタグや文字を入れる
  </div>
  <div>
    ここが2ページ目
    自由にタグや文字を入れる
  </div>
</div>

使用例とソースコード

この中は任意のコンテンツを入れることが出来ます。

１ページ目

ここに任意のコンテンツを入れる

この中は任意のコンテンツを入れることが出来ます。

２ページ目

ここに任意のコンテンツを入れる

この中は任意のコンテンツを入れることが出来ます。

３ページ目

ここに任意のコンテンツを入れる

<script src="./js/mampager.js"></script>
<div class="mamPager">
  <div>
    この中は任意のコンテンツを入れることが出来ます。
    <h4>１ページ目</h4>
    <p>ここに任意のコンテンツを入れる</p>
    <img src="./imgs/car3.jpg" style="width:200px;" />
  </div>
  <div>
    この中は任意のコンテンツを入れることが出来ます。
    <h4>２ページ目</h4>
    <p>ここに任意のコンテンツを入れる</p>
    <img src="./imgs/car2.jpg" style="width:200px;" />
  </div>
  <div>
    この中は任意のコンテンツを入れることが出来ます。
    <h4>３ページ目</h4>
    <p>ここに任意のコンテンツを入れる</p>
    <img src="./imgs/car1.jpg" style="width:200px;" />
  </div>
</div>