その他9 ■実用■ ボタン変化インラインフレーム     UP日時 : 2014/09/16

■このページは『戻る』ボタンは効かないので、このページのタグを閉じて下さい。






『春』『夏』『秋』『冬』のボタンクリックで、インラインフレーム中に、4枚のhtmlを呼び出すJavaScriptです。
htmlの切替を、ボタン選択ではなく自動で行うJavaScriptは、こちらから。
また、このインラインフレームの中に呼び出している『降る画像変化』のJavaScriptはこちらから。

HTML5では、インラインフレーム(iframe)用の新しいタグが増え、逆に使用できなくなったタグがあり、私も不勉強でよくわからないので、今回のJavaScriptでは、インラインフレームのサイズ指定だけCSSで設定しました。

それでもHTML5では、従来のフレームセットが使用できなくなったので、当サイトのメニュー欄は、インラインフレームで作成してあります。
インラインフレームのターゲットの指定方法は TAG indexから。
実はインラインフレームにnameを付けてターゲット指定をすれば、このJavaScriptは不要です。その方法も含めて、HTML5でのインラインフレーム解説は ほんっとにはじめてのHTML5から。

◆全ソース◆
ソースの中でマウスの右クリックで『すべて選択』した後に、
再度右クリックして『コピー』