SkyLine -空の素材- +ホームページの作り方+

　ランダム背景ごとに表示指定　

　ランダムで背景を表示し、画像ごとに繰り返しや表示位置の設定を行います。
　下のボタンを押してこのページをリロードすると、3種類の背景の設定がランダムで現れます。

以下の文を<head>～</head>の間に入れてください。

<!--

// 「ここから」～「ここまで」の間を設定してください。
// 画像の表示方法は以下の順番で指定します。
// 背景色        ：コードまたはネーム
// 繰り返し方法  ：repeat    → 横・縦方向に繰り返し（省略可）
//                 repeat-x  → 横方向に繰り返し
//                 repeat-y  → 縦方向に繰り返し
//                 no-repeat → 繰り返さない
// 画像の固定    ：scroll → スクロール（省略可）
//                 fixed  → 固定
// 画像の位置(横)：0%    → 左
//                 50% → 真ん中
//                 100% → 右
// 画像の位置(縦)：0%   → 上
//                 50% → 真ん中
//                 100%  → 下
// 以上の設定を、半角スペースを入れて、つなげて書きます。
// 例 : "white repeat scroll 0% 0%";
// 繰り返し方向には画像の位置を適当な値に設定して構いません。

///////////////////ここから///////////////////

var imgnum=3;  // 用意した背景画像の数
var bgimage=new Array(),bgstate=new Array();

bgimage[0]="image/feather1.gif";   // 画像ファイル名
bgstate[0]="skyblue no-repeat fixed 100% 100%";   // 表示の設定

bgimage[1]="image/feather2.gif";
bgstate[1]="white repeat-y fixed 0% 0%";

bgimage[2]="image/step6.gif";
bgstate[2]="lightblue no-repeat fixed 50% 0%";

///////////////////ここまで///////////////////

var num=Math.floor(Math.random()*(imgnum));
document.writeln('<style type="text/css">');
document.writeln('');
document.writeln('</style>');
// End -->
</script>

△メニューへ△

▲サイトTopへ