OpenSpace+HIMAJIN4■文字D■ キラキラ泡の範囲指定4方向    最終修正日 : 2016/06/28

動くJavaScript

−welcome−
コピーだけで動作する
JavaScriptのサンプルを
紹介するサイトよ♪

●2016/06/28:即時関数で囲んで、グローバル変数を消しました。

■文字の流れる方向が4方向選択のJavaScriptはこちら→ OpenSpace+HIMAJIN3■文字D■キラキラ星が流れる4方向

上記の JavaScript を範囲指定に改造しました。
枠の中で泡が上り、その枠の中には文章や画像を入れることができます。
JavaScript の中の指定項目を泡用に指定していますが、指定を変えれば改造元のように星を横に流すこともできます。

領域の中の文章部分は、<div id="wakuP">〜〜〜</div>の領域中で、「position:absolute;」指定で記述します。
「position:absolute;」の基準位置は「id="wakuP"」になります。
領域の中の文字の位置指定の方法の参考はAllAboutから。

この JavaScript は、2つのサイトのJavaScriptを合体して作成しました。
『画像が降る』原本は OpenSpace から。
その『画像』を『文字』に変更し、色変化でキラキラ光る動きは、HIMAJIN から。