9−1.ページに効果を与える(ページ全体編)

(補足)
本当は、</body> が必要ですが、省略しています。使う時は、他のbodyタグに含めてしまってO.Kです。</BODY>は、ページ全体の構成をするタグなので、チョット解りづらいかも・・(場合によっては、必要ない(もう勝手に決められていて自分では変えられない)所もあるので・・)
詳しくは、ページを全体を構成するタグを見てね。

(注1)(style編)を使うと、いろいろなタグ付け加える時に、まとめる事が出来ます。
また、枠の形に関しては、一部の物(二重線・丸い点線・四角い点線)は、実線として、表示されます。(ちゃんと、表示されるバージョンのPCもあり)
枠の形   :タグ
実線    :solid
二重線   :double
丸い点線  :dotted
四角い点線 :dashed
内沈み線  :inset
内浮き出し線:outset
山線    :ridge
谷線    :groove


?メッセージの効果
メッセージ文字を改行する場合は、(メッセージの文字・1&2回目のメッセージ・入った時、出た時のメッセージ'・OKのコメント・キャンセルのコメント・・など)半角の \n が <br> の役目を果たして、改行タグになります。
(例)おっは〜\nおやすみぃ〜(メッセージ文字の場合) = おっは〜<br>おやすみぃ〜(通常の場合)

(注2)100%を指定すると、指定しない場合と同じ間隔になります。100%以上を指定すると、間隔が広く、以下だと狭くなります。
(注3)応用編の様に {alert('メッセージ')} を加える事によって、何回でもメッセージを出す事が出来ます。
(注4)二択の応用編の様に if(confirm 〜 ('キャンセルのコメント')} を加える事によって、何回でもO・K、キャンセルを付け加える事が出来ます。

?じわじわの効果
開く速度は数字が大きいほど遅く開きます。(1が1番速い)
開く種類は下の表を参考に数字で指定してね
(注5)このタグは、 <head>〜</head> の中に書いてもO,Kです。

?と?、どちらもあんまり使いすぎるとHPの表示が遅くなって・・・嫌われるかも


赤い文字の部分を変更してコピー貼り付けで使ってね!
HP全体の背景色を変える<body bgcolor="#">
HP全体の背景色を変える(style編)(注1)<body style="background-color:#">
HP全体に枠を付ける(注1)<body style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ">
HP全体に枠を付け、背景も変える(注1)<body style="border-style:枠の形;border-color:#枠の色;border-width:枠の太さ;background-color:#">
HP全体の行間隔を指定する(注1.2)<body style="line-height:数字%">
HP全体の上側に余白を入れる(注1)<body style="margin-top:数字px">
HP全体の下側に余白を入れる(注1)<body style="margin-bottom:数字px">
HP全体の左側に余白を入れる(注1)<body style="margin-left:数字px">
HP全体の右側に余白を入れる(注1)<body style="margin-right:数字px">
HPに入る時にメッセージを出す<body onLoad="{alert('メッセージ')}">
HPから出る時にメッセージを出す<body onUnload="{alert('メッセージ')}">
HPから出る時に2回メッセージを出す(応用編)(注3)<body onUnload="{alert('1回目のメッセージ')}{alert('2回目のメッセージ')}">
HPに入出時にメッセージを出す<body onLoad="{alert('入った時のメッセージ')}" onUnload="{alert('出る時のメッセージ')}">
HPに入る時にメッセージを出す(二択編)<body onLoad="if(confirm('最初のメッセージ')==true){alert('OKのコメント')}else{alert('キャンセルのコメント')}">
HPから出る時にメッセージを出す(二択編)<body onUnload="if(confirm('最初のメッセージ')==true){alert('OKのコメント')}else{alert('キャンセルのコメント')}">
HPから出る時にメッセージを2回出す(二択の応用編)(注4)<body onUnload="if(confirm('最初のメッセージ')==true){alert('最初のOKのコメント')}else{alert('最初のキャンセルのコメント')}if(confirm('二回目のメッセージ')==true){alert('二回目のOKのコメント')}else{alert('二回目のキャンセルのコメント')}">
HPに入出時にメッセージを出す(二択編)<body onLoad="if(confirm('入った時の最初のメッセージ')==true){alert('入った時のOKのコメント')}else{alert('入った時のキャンセルのコメント')}" onUnload="if(confirm('出る時の最初のメッセージ')==true){alert('出る時のOKのコメント')}else{alert('出る時のキャンセルのコメント')}">
HPのスクロールバーの色を変える<body style="scrollbar-arrow-color:#矢印色;scrollbar-face-color:#バー色;scrollbar-highlight-color:#バーの背景色;scrollbar-shadow-color:#バーの枠色">
HPに入る時にじわじわ開く(注5)<meta http-equiv="Page-Enter" content="revealTrans(Duration=開く速度,Transition=開く種類)">
HPから出る時にじわじわ開く(注5)<meta http-equiv="Page-Exit" content="revealTrans(Duration=開く速度,Transition=開く種類)">

開く種類の表
外から中心へ(四角)中心から外へ(四角)外から中心へ(円)中心から外へ(円)
下から上へ上から下へ左から右へ右から左へ
縦のブラインド横のブラインド10左から右へモザイク11上から下へモザイク
12点から全体へ13左右から中心へ14中心から左右へ15上下から中心へ
16中心から上下へ17右上から左下へ18右下から左上へ19左上から右下へ
20左下から右上へ21横線から全体へ22縦線から全体へ230〜22をランダムで



HTMLタグに戻る