スライダー(基本タイプ:スライドイン)

右側からスライドインする基本タイプのスライダーを、 インラインフレーム内に表示しています。フレーム無しでも表示しますが、 画面サイズに比例するフォントサイズを使う時はフレーム内への表示が必要です。

マークアップ言語(html)のdiv要素で、 スライドコンテナーとスライド3枚を作成(約20行)し、 スタイルシート(css)で、スライドの形状、 ボタンの配置と形状などを指定(約25行)しています。
スライドの動きは、ジャバスクリプト(js)で、 一定の時間間隔毎に、次のスライドを待機位置に移動させ、 スライドインさせています。(約70行)

更新:2022.11.10