| ■ 水面に映る文字 ■ |
ソースa は<head> 〜 </head> の間に記述して下さい。
ソースb は<body> 〜 </body> のお好きなところに記述して下さい。 |
| ■ サンプル ■ |
|
シーちゃんのお庭に遊びに来てね♪
シーちゃんのお庭に遊びに来てね♪
|
| ■ ソースa ■ |
<STYLE TYPE="text/css">
<!--
.title { font-size:23pt; font-weight:bold; color:royalblue; width:550;}
#wasser { filter:flipV wave(freq=3,lightstrength=0,strength=2) alpha(style=0,opacity=50); }
-->
</STYLE> |
| ■ ソースb ■ |
<center>
<DIV class="title">シーちゃんのお庭に遊びに来てね♪</DIV>
<DIV ID="wasser" class="title">シーちゃんのお庭に遊びに来てね♪</DIV>
</center>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var p = 1;
var o = 1;
var s = 300;
function wasserflach() {
var flt = document.all("wasser").filters["wave"];
flt.phase = p;
p += 5;
if (o <= 100) o += 1;
if (p > 100) p = 1;
setTimeout("wasserflach()",100);
}
if (document.all) { wasserflach(); }
// -->
</SCRIPT> |
| ■ 解 説 ■ |
font-size: フォントのサイズを指定します。
font-weight: フォントの大きさを指定します。
font-style: フォントのスタイルを指定します。
color: フォントの色を指定します。
width: 文字列の幅を指定します。
wave(freq=3,lightstrength=0,strength=2): 文字を波打たせるための指定です。
freq: 速さを指定します。 |
|