ブログパーツでよく見る時計のようなものを、自分のお気に入りの画像を使用して作成した JavaScript、第２弾です。
第１弾は
■合体１１■Sl+Ot■フェードのリアル時計■から。
カウントダウンを追加した第３弾は
■合体１６■Sl+Ot+Mv■フェードのリアル時計+カウントダウン■から。
第１弾との最大の違いは、
HTMLの記述が増えたことです。
第１弾では、時計を表示させるのに、
<div id="baseF"></div>の１行だったのが、
第２弾では
<div id="baseF">
１．スライドショー用の記述
２．時計文字用の記述
３．装飾の画像や文章
：
４．装飾の画像や文章
</div>←id="baseF"の終了
という形になります。
第１弾ではJavaScript のソースの中に記述していた「１」と「２」を HTML の中に記述することで、いろいろな装飾の記述ができるようになりました。
見本の画像に使用している３個の赤いリボンの画像は同じもので、CSSの回転指定を付けることで、リボンの向きを変更しています。
なお、画像表示順番はランダムにも変更可能で、スライド画像は同じサイズの画像を使用してもかまいません。
画像や文章の重ね方の方法の参考は、
AllAbout から。
■合体元JavaScriptはこちら→ フェード８■フェードでサイズ違い実寸表示 ＋ その他１４■面白■リアル時計３種
