LogoMark.png

AutoDemo

AutoDemo

Web作品展示用 スクリプト

マウス操作のない状態が一定時間経過すると当該ページの自動スクロールを開始し、スクロールが終了すると次のページへ遷移する・・というスクリプトです。
 マウスを動かすとデモのモードを離脱して通常の状態に戻るので、基本的には普通に閲覧が可能です。あくまでも操作のない状態が続くと、勝手にデモに移行する・・という、追加的な存在です。
遷移するすべての html ファイルがフォルダ内の同一階層に存在することが前提です。

以下、デモです。5秒間何もしないと自動スクロールを開始します。

使い方


HTMLのカスタマイズ

あなたの html ファイルに demo.js を読み込む指示が必要です。遷移させたいすべてのHTMLファイルの <head> に以下のコードを追加して下さい。

<script src="js/demo.js" defer></script>


demo.js のカスタマイズ

あなたのサイトに合わせて demo.js をカスタマイズして下さい。

留意事項

スクリプトの説明


以下、説明は書きかけです。




PAGES

GUIDE

DATA

Last-modified: 2020-02-18 (火) 19:11:09