透明度を変更する画像や要素の透明度を指定の値にフェードイン、フェードアウトするサンプルです。透過JavaScriptjQueryfadeTo[jquery]on[jquery]ボタンを押すと10段階で画像の透明度が上がり、画像が消えて行きます。fadeOutメソッドを使うと一発で消えてしまうので、少しずつ透明度をコントロールするサンプルになっています。10;$("#demo_area").fadeTo("slow",op/10);});});わかりやすくするために、赤いバーや透明度の出力は省略しています。透明度は最大が1で、透明が0なので、0.1ずつ減らしています。(整数で引き算引き算をして、少数にしてしているのは、JSでなぜか少数に誤差がでるためです)最後に、上記の応用で、画像を重ねてマスクする仕掛けを実装しました。ここをタップ!こちらは5段階の透明度です。