Waveでオプション変更
各オプションを指定して［Wave]ボタンをクリック
| ★引き起こすWaveの数 |
|
各オプションを指定して［Wave]ボタンをクリック
| ★引き起こすWaveの数 |
|
Sample Source......................................................................>>>
<script language="JavaScript"><!--
function WaveGo(){
var f = fre.value; //Waveの数
var s = stg.value; //ゆがみの強さ*/
var p = pha.value; //Waveの正弦波のｵﾌｾｯﾄ値
var l = lig.value; //Waveを照らす光の強さ
var a = add.value; //元の要素も表示するかどうか
var str = "<img id='pic' src='../../images/cut/025.gif'
width='103'
height='116'";
str += " style='filter:wave(freq="
+ f + ",strength="
+ s + ",phase=" + p +
",lightstrength=" + l
+ ",add=" + a + ")'>";
pp.innerHTML = str;
}
//--></script>
</head>
<body>
<button onclick="WaveGo();">Wave</button>
<p>
freq <input style="color:red;font:12pt;text-align:center"
type="text" name="fre"
value="3" size="4">
strength <input style="color:red;font:12pt;text-align:center"
type="text" name="stg" value="5"
size="4">
phase<input style="color:red;font:12pt;text-align:center"
type="text" name="pha"
value="25" size="4">
lightstrength<input style="color:red;font:12pt;text-align:center"
type="text" name="lig" value="50"
size="4">
元の要素を表示するかどうか<br>
<select name="add" size="1">
<option value="0" selected>元の要素は表示せず</option>
<option value="1">元の要素も表示する
</option>
</select>
<p id="pp">
<img id="pic" src="../../images/cut/025.gif"
WIDTH="103"
HEIGHT="116">
</p>
end(最終更新:12/11/12)
