幽霊踊り子
幽霊のようにあちこちに出現し、消えていく。
（ページ内のランダム位置に、大きさを変化させながら出現）
幽霊のようにあちこちに出現し、消えていく。
（ページ内のランダム位置に、大きさを変化させながら出現）
Sample Source......................................................................>>>
<script language="JavaScript"><!--
var opa,fop; //透明度の増減値
function Set(){
//踊り子出現のﾗﾝﾀﾞﾑ位置を計算
pic.style.pixelLeft =
Math.random()*(document.body.clientWidth
-
pic.style.pixelWidth);
pic.style.pixelTop =
Math.random()*(document.body.clientHeight
-
pic.style.pixelHeight);
pic.style.filter = "alpha(opacity=2,finishopacity=1,style=2)";
//以下は、出現の度に踊り子の大きさをﾗﾝﾀﾞﾑに変化さす
n = Math.ceil(Math.random()*8); //切り上げて1〜8の乱数を返す
if(n == 1)pic.style.pixelWidth = 100;
else if(n == 2)pic.style.pixelHeight = 150;
else if(n == 3)pic.style.pixelWidth = 150;
else if(n == 4)pic.style.pixelHeight = 200;
else if(n == 5)pic.style.pixelWidth = 50;
else if(n == 6)pic.style.pixelHeight = 100;
else if(n == 7)pic.style.pixelWidth = 250;
else if(n == 8)pic.style.pixelHeight = 250;
opa = 2;
fop = 1;
setTimeout("Show()",5000);
}
var timerID;
function Show(){ //踊り子が出現している時
if(pic.filters.alpha.opacity > 1){
pic.filters.alpha.opacity += opa;
pic.filters.alpha.finishopacity += fop;
//透明度が40を超えたら透明度を増やす
if(pic.filters.alpha.opacity > 40){
opa = -2;
fop = -1;
}
timerID = setTimeout("Show()",100);
}else{
clearTimeout(timerID);
pic.style.filter = "";
Set();
}
}
//--></script>
</head>
<body onload="Set();">
<img id="pic" style="position:absolute;width:100;height:150"
src="../../java/jadata/pic01.jpg">
end(最終更新:12/11/12)