スライダー(フェードイン/アウト)
順次フェードイン、フェードアウトするタイプのスライダーをインラインフレーム内に表示しています。
フェードイン/アウトの動きは、透明度を0から1に、
又はその逆に一定の時間をかけて遷移させることで実装しています。
- マークアップ(html)
- 19行(スライド3枚,ページネーション)
- スタイルシート(css)
- 25行(内、コメント4行)
- ジャバスクリプト(js)
- 76行(内、コメント12行)
順次フェードイン、フェードアウトするタイプのスライダーをインラインフレーム内に表示しています。
フェードイン/アウトの動きは、透明度を0から1に、
又はその逆に一定の時間をかけて遷移させることで実装しています。