Twinkle-Fields

Twinkle-Fields

 


ページの1番上に↓


つぎに↓

適当な文章1
適当な文章2適当な文章3
・・・・・・




0 Box in          1 Box out
2 Circle in         3 Circle out
4 Wipe up          5 Wipe down
6 Wipe right        7 Wipe left
8 Vertical blinds      9 Horizontal blinds
10 Checkerboard across    11 Checkerboard down
12 Random dissolve      13 Split vertical in
14 Split vertical out    15 Split horizontal in
16 Split horizontal out   17 Strips left down
18 Strips left up      19 Strips right down
20 Strips right up      21 Random bars horizontal
22 Random bars vertical   23 Random





●ボタンを押した時に表示する これも《例題1》と同じく、どの部分をこのような表示にするかという指定と タイミング(ボタンを押す)が必要です。 ボタンには表示させるボタンもありますが、どうせなら消えるボタンも作ってみましょう。 《その3》
表示 消滅 《その4》

適当な文章1
適当な文章2適当な文章3
・・・・・・




fade_box1.filters.revealTrans.Apply();
fade_box1.style.visibility="visible or hidden";
fade_box1.filters.revealTrans.Play();

以上の3つですが、以下にその説明を書きます。
fade_box1.filters.revealTrans.Apply();は、《その4》に書いてある表示効果をApply(申し込み)します。
fade_box1.style.visibility="visible or hidden";は、指定した範囲の表示を表示したり、消したりします。
fade_box1.filters.revealTrans.Play();は、セットされている効果を実行します。
つまり、「使いますよ~」と宣言してからそれが表示するのか、消すのか教えてあげてそれを実行してもらいます。《結果》に書いてあるような表示をするには、《その3》の後に《その4》を続けて書いてください。





背景を変える・固定する
今回使うタグ ↓

楽天での背景画像は『基本デザイン』で変更できますが、
これは全てのページ背景が変わります。
しかし、少し裏技的な方法ですがページ毎に背景を変える方法があります。
通常ならば、タグの中にで
背景をそれぞれ変更できるのですが、楽天ではタグへ記入できないので、
一度全てのページを読み込ませてから背景を変更させる処理を行います。
よって表示させるまでに多少時間がかかりますが、ページ毎に背景を変えれます。
今回使うタグに書いてある『onload=』がページを一度読み込んだ後に行う処理を書き込む場所です。

やり方はいたって簡単!今回使うタグに載せた物を使うだけです。
(画像のアドレスについては『画像を表示する』のページを参考にして下さい。)
タグを書く場所ですが、音楽のタグと同じく最初の方へ書いたほうが良いと思います。
またその際に、画像のサイズを指定する『width="0"』、『height="0"』を記入して



背景を固定するには、今回使うタグへ
『body.style.backgroundAttachment="fixed"』を追加します。
今使っている背景を単純に固定したい場合や、背景を変えてさらに背景を固定したい場合も、それぞれ命令をつなげる『;』を入れて
と書きます。上のタグをコピーして画像のアドレスだけ変えると便利です。
単純に背景を変えてから固定したい場合は、『width="0"』と『height="0"』を追加して、
と書いて下さい。
上に書いてある『fixed』が背景を固定させる要素で、これを『scroll』へ変更すると、背景もスクロールしますが、あまり意味がありません。

この他にも『;』でつなげる事によって様々なことができます。

『body.style.backgroundRepeat=""』
no-repeat ・・・ 画像を繰り返さない
repeat-y ・・・ 画像を垂直方向に繰り返す
repeat-x ・・・ 画像を水平方向に繰り返す
repeat ・・・ 画像を水平垂直両方向に繰り返す

『body.style.backgroundPosition=""』
left ・・・ 画像を左に表示
right ・・・ 画像を右に表示
top ・・・ 画像を上部に表示
bottom ・・・ 画像を下部に表示
center ・・・ 画像を中央に表示





トップページの一番下に、

他には、


© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: