HOME  >>>  HTML整理ノート  >>> DHTML -- 基本編   応用編

踊るShadow

0.3秒間隔で影の方向を45°ずつ変更

SHADOW

Sample Source......................................................................>>>

<script language="JavaScript"><!--
  var dir = 0;    //影の方向(度)
  function Start(){
    var dir = dv.filters[0].direction;//現在の方向を取得
    if(dir == 360)    dir = 0;    //1回転したら0で初期化
    else dir += 45;        //45°ずつ増加

    dv.filters[0].direction = dir; //方向をShadowに適用
    setTimeout("Start()",300);
}
//--></script>
</head>

<body onload="Start();">
<div ID="dv"
    style="width:80%;font:50pt 'Arial Black';color:green;
        filter:shadow(color=magenta,direction=0);">
    <p>KODAYAN </p>
</div>


end(最終更新:12/11/10)