| ポイント |
<![CDATA[
myIMG.style.filter = str;
<a href="javaScript:setFilter('alpha(opacity=50)')">
]]>
|
| 説 明 |
フィルタ効果を入れ替えるには「オブジェクト名.style.filter」にフィルタ効果を指定する文字列を入れます。指定する文字列はスタイルシートで指定するものと全く同じものになります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>フィルタ効果を入れ替える</title>
<script language="JavaScript"><!--
function setFilter(str)
{
myIMG.style.filter = str;
}
// --></script>
</head>
<body>
<img id="myIMG" src="sample.jpg"><br>
<a href="javaScript:setFilter('alpha(opacity=50)')">alpha(opacity=50)にする</a><br>
<a href="javaScript:setFilter('flipH()')">flipH()にする</a><br>
<a href="javaScript:setFilter('gray()')">gray()にする</a><br>
<a href="javaScript:setFilter('alpha(opacity=20) gray()')">alpha(opacity=20)とgray()にする</a><br>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
複数のフィルタ効果を指定する