スライダー(基本タイプ:スライドイン)
右側からスライドインする基本タイプのスライダーを、 インラインフレーム内に表示しています。フレーム無しでも表示しますが、 画面サイズに比例するフォントサイズを使う時はフレーム内への表示が必要です。
マークアップ言語(html)のdiv要素で、
スライドコンテナーとスライド3枚を作成(約20行)し、
スタイルシート(css)で、スライドの形状、
ボタンの配置と形状などを指定(約25行)しています。
スライドの動きは、ジャバスクリプト(js)で、
一定の時間間隔毎に、次のスライドを待機位置に移動させ、
スライドインさせています。(約70行)