漸隱漸現圖片
<script language="JavaScript">
<!--
if (document.all){
kg=new Image();
kg.src="";
document.write('<span id="rings" style="position:absolute;top:0px;left:0px">'
+'<img src="圖檔網址" name="kg" style="position:relative"></span>');
var TimeLineTwo = 350
var TimeLineOne = 40;
var TimeLinethree = 100;
var xx=20
var xx2=100
var xx3=30
var time3=TimeLinethree/xx3
var time2=TimeLineTwo/xx2
var time1=TimeLineOne/xx
var ThreeStep = time3
var TwoStep =time2
var OneStep = time1
var xp = 100;
var yp = 100;
function SmokeRing(){
document.all.rings.document.images["kg"].style.filter='alpha(opacity='+TimeLinethree+')';
document.all.rings.document.images["kg"].style.top=yp + (-TimeLineOne);
document.all.rings.document.images["kg"].style.left=xp + (-TimeLineOne);
document.all.rings.document.images["kg"].width=TimeLineTwo;
document.all.rings.document.images["kg"].height=TimeLineTwo;
TimeLinethree-=ThreeStep;
TimeLineTwo+=TwoStep;
TimeLineOne+=OneStep;
setTimeout('SmokeRing()',50);
if ((TimeLineTwo > 280) || (TimeLineOne > 280) || (TimeLinethree < 0))
{TimeLineTwo=0;TimeLineOne=0;TimeLinethree=185;
stop=window.document.body.clientHeight-280;
sleft=window.document.body.clientWidth/2.5;
yp=Math.round(Math.random()*stop);
xp=Math.round(Math.random()*sleft);
document.all.rings.style.top=yp+document.body.scrollTop;
document.all.rings.style.left=xp+document.body.scrollLeft;
}
if ((yp < 80) || (xp < 80))
{
yp+=80;
xp+=80;
}}}
if (document.all)SmokeRing();
// -->
</script>
