文字の影効果(2)


 白醤油の太田屋醸造です。

影の色

効果

方向

自動で方向が変化します。

 


 

JavaScript

//色
function B1_onclick() {
 ff00.filters["Shadow"].color = 0xff0000;
}
function B3_onclick() {
 ff00.filters["Shadow"].color = 0x00ff00;
}
function B2_onclick() {
 ff00.filters["Shadow"].color = 0x0000ff;
}
function B4_onclick() {
 ff00.filters["Shadow"].color = 0xffffff;
}
//角度
function D1_onclick() {
 ff00.filters["Shadow"].direction = D1.value;
}
//効果(設定:true、解除:false
function B6_onclick() {
 ff00.filters["Shadow"].enabled = false;
}

function B5_onclick() {
 ff00.filters["Shadow"].enabled = true;
}

//自動処理
var fg = 0;
var time0;
var a00;
function loop() {
 a00 += 45;
 if (a00 >= 360){
  a00 = 0;
 } 
 if (fg == 0){
 } else {
  ff00.filters["Shadow"].direction = a00;
  time0 = setTimeout("loop()",200);
 }
}

function B7_onclick() {
 fg = 1;
 a00 = 0;
 loop();
}

function B8_onclick() {
 fg = 0;
}

//HTML
<div  ID="ff00" style="filter:Shadow(color=#ff0000, direction=45);">
白醤油の太田屋醸造です。
</DIV>

注1)JavaScriptで処理しています。JavaScript対応ブラウウザでご使用下さい。
注2)IE4.0以上で動作可能です。

00/05/01更新

戻る