2006年 03月 19日
【HTML+TIME】 カスタマイズ 6 背景色を変化させて見ましょう
|
IE5以降だけです。他のブラウザの方ごめんなさい。
HTML+TIMEのカスタマイズです。
今回は、時間とともに背景色を変更する...です。
きっと華やかになる事と思います^^
その前にお願いです^^;
今回のソースを使われる方...出来たらでいいのでコメントくださいね^^
拝見させていただきたいので、よろしくお願いします。
あと、出来たらソースの転載はなるべくしないでね^^;
①と②は前回と同じです。
前回のカスタマイズを行った方は、③だけでOKです。
①HTML全体の一番最初の行に次の文をコピーしてください。
<HTML XMLNS:t="urn:schemas-microsoft-com:time">この2行の文は、動きのなかったHTMLに動きを持たせるための宣言文です。
<?IMPORT namespace="t" implementation="#default#time2">
絶対に入れ忘れないで下さい。
今後のカスタマイズでも、この2行が必要になってきますので^^
②CSSの最後に次の文をコピーしてください。
.time {behavior: url(#default#time2);}
これで準備は終了。でも記事書くときは結構大変ですのでがんばってみてください。
③HTMLの①の後ろに下の文をコピーしてください
<BODY ID="body1" STYLE="background-color:black;"><t:animateColor targetElement="body1" attributeName="background-color" begin="3" to="yellow" dur="10" autoreverse="true" repeatCount="indefinite" />
解説
①STYLE="background-color:black;
最初に表示される背景色を設定します。カラーコードでもOKです。
②begin="3"
ブラウザを開いてから色を変化させ始めるまでの秒数の設定です。
③to="yellow"
何色に変化させるかを設定します。
④dur="10"
何秒で変化させるかを設定します。(数字が小さいほど変化は早いです)
⑤autoreverse="true"
変化させたあと、元に戻しますので true を設定しています
⑥repeatCount="indefinite"
何回変化させるかを設定しています。
そのページを表示している間変化させたいので indefinite を設定しています。
上手く出来ない方はご連絡くださいね。検証いたしますので
by chocobopapa
| 2006-03-19 21:46
| スキン編集