まず雫スクリプトを行うボックスのサイズを設定してください。
次に参照ボタンで画像を指定してください。
画像はleftとtopに数値入力して位置を決めます。
クリアボタンは雫位置座標をクリアします。
雫位置座標は画像を見ながら位置を指定したい場所をクリックしてください。
画像の上の雫が現れる点をクリックポイントとします。
数値入力する部分は半角の数値を入力します。
書き換え用ソースが得られたら、テキストエリアをドラッグしてコピー(Ctrl+C)、雫クリプトの適所に貼り換えます。
張り替えた場合のボックスsizukustageのleftやtop・z-index・borderなどは随時修正してください。
ボックスsizukustageが雫用ボックスで、雫雛形のソースにおいて、ボックスに他の画像を配置したり他のエレメントを配置するなど直接記述しても構いません。
画像はleftとtop基準です。
rightやbottomにはなりません。


着水位置を決めたい場合にも使用できます。
雫位置が決まったら雫ひな形のソースに張り替えます。
張替えが終わったら、雫の位置の点の数を覚えておきます。
座標をクリアして、着水位置を同じ数だけクリックして決めます。
sztop=で示される座標を、雫ひな形のszctop=のところに張り替えます。

画像設定 Leftを設定 Topを設定 拡大率(%)設定 不透明度設定(0〜100)

ボックス設定 Widthを設定 Heightを設定 BOXの背景色変更