| ポイント |
<![CDATA[
myIMG.filters["shadow"].enabled = flag;
]]>
|
| 説 明 |
画像に影をつけるにはfilter:shadow(またはdropShadwo)をスタイルシートで指定します。影を表示するかしないか（フィルタ効果を有効にするか無効にするか）は、「オブジェクト名.filters["shadow"].enabled」にtrueまたはfalseを入れることで指定できます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>マウスが重なったら画像に影をつける</title>
<script language="JavaScript"><!--
function setShadow(flag)
{
myIMG.filters["shadow"].enabled = flag;
}
// --></script>
</head>
<body>
<div id="myIMG" style="position:absolute;width:180px;height=160px;filter:shadow(direction=135,color=blue,enabled=false)">
<img src="sample.jpg" onMouseover="setShadow(true)" onMouseout="setShadow(false)">
<div>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
マウスが重なったら画像に影をつける