サンプルページ　　　雪

　←

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　雪　　snow.htm

”雪”、”落葉”をｽｸﾘｰﾝ背景に降下。　　　　DHTML。　　　　　”雪”、”落葉”などの落ちものは画像ﾌｧｲﾙで指定・変更。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用。

<ご使用方法>

　・　ﾛｰｶﾙ（=PC）への保存は、　snow.htm、snow.gif、leaf.gif　を右ｸﾘｯｸします。　　　[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで行います。　　　　※1:ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は多少ある）。　　　 ※2:hogehoge.html ：制作者が名付けた挿入先ﾌｧｲﾙの総称。

　・　PCに保存した snow.htm　を WordPad や SmipleText などのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　このDHTMLの実装方法は、♪ をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、挿入先（新しいﾍﾟｰｼﾞ 1 や hogehoge.html）の、<head>　～　</head>の任意の行に(*1) を、さらに<body>　～　</body>の任意の行に(*2) をﾍﾟｰｽﾄします。　　　　FrontPage Expressは、上の　　←　ﾏｰｸのﾍﾟｰｽﾄでも可。

　･　編集方法 ：下記の（例）(*1) と、(*2)　を参考に太字部分の編集を行い、制作者の個別情報などを反映させます。　　　”雪”、”落葉”などの落ちものと、数は画像ﾌｧｲﾙなどで指定・変更できます。　　　　　ﾊﾟﾗﾒｰﾀｰの変更も該当部分の記述/追加/変更/削除で行います。　　　　説明のための太字、彩色自体に依存なし。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 4.x～などで開き行います。　　　　更新非反映にﾌﾞﾗｳｻﾞｰのｷｬｯｼｭﾃﾞｰﾀがあります。　　目的のﾍﾟｰｼﾞを表示、Internet Explorer でＦ５ｷｰを押し最新ﾃﾞｰﾀを読み込みます。　　　NetscapeNavigatorは、Ctrl+Ｒｷｰを。

　･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕などに、使用する画像〔snow.gif、leaf.gif〕なども転送/配置後に実施します。　　　FTPなどで変わってしまったﾌｧｲﾙ名は修正します。　　　　ｽｸﾘﾌﾟﾄ中への改行混入は非作動原因。

　･　関連情報：色記号6、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。　　　Web& Internet Samples、Web Development、XML、DHTMLとは？、ColorTable、HTMLの色指定、色見本。

(*1) ：　snow.htm （例）　　　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

ﾏｳｽｵｰﾊﾞｰ時のﾃｷｽﾄ　背景　下線非表示

非ﾏｳｽｵｰﾊﾞｰ時の下線表示（逆も可）

ﾘﾝｸを新しいWinで開を標準（削除可）

お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

COLOR: #8000e2; BACKGROUND-COLOR: #f3edee; TEXT-DECORATION: none

}

A {

TEXT-DECORATION: underline

}

-->

</style>

<title>サンプルページ　　雪</title>

(*2) ：　snow.htm （例）　　　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

雪の画像ﾌｧｲﾙ名（落ち葉；leaf.gif　などに変更可）

画像数

画像に付けたﾊｲﾊﾟｰﾘﾝｸ

/* Snow Effect Script Submitted by Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)　　Permission granted to Dynamicdrive.com to feature script in archive　For full source code to this script, visit http://dynamicdrive.com　　*/

//Configure below to change URL path to the snow image

var snowsrc="snow.gif"

// Configure below to change number of snow to render

var no = 10;

var ns4up = (document.layers) ? 1 : 0; // browser sniffer

var ie4up = (document.all) ? 1 : 0;

var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

var dx, xp, yp; // coordinate and position variables

var am, stx, sty; // amplitude and step variables

var i, doc_width = 800, doc_height = 600;

==== この間､説明を省略｡ ====　 sty[i] = 0.7 + Math.random(); // set step variables

if (ns4up) { // set layers

if (i == 0) {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\">

<a href=\"http://www.xxxx.xx.jp/xxxxx/xxxxx.html\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");

} else {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");

}

} else if (ie4up||ns6up) {

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\">

<a href=\"http://www.xxxx.xx.jp/xxxxx/xxxxx.html\"><img src='"+snowsrc+"' border=\"0\"></a></div>");

} else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");

}

=============　　この間の説明を省略しています。　　===========

</script>