<!-- 案例代码2开始 -->

/* 原程序只有一个图片在移动，这里改动成二个图片在移动，且互相不干扰，它们的ID分别为Picture1和Picture2，为达到相互不干扰的目的，将x改为x1，y改为y1,如下所示,以这种方法也许能生成更多的自由移动的图片      */
var x2 = 700;    //这是初始位置
var y2 = 100;//这是初始位置
var ydir2 = '++';
var xdir2 = '++';
var wwidth2, wheight2;
var id12, id22, id32;

function FreeMovePicture2() {
clearTimeout(id12);
clearTimeout(id22);
clearTimeout(id32);
wwidth2 = document.body.clientWidth - 55;
wheight2 = document.body.clientHeight - 50;
id32 = setTimeout('RandomDirection2()', 10000);
AnimationPicture2();
}

function AnimationPicture2() {
eval('x2'+xdir2);
eval('y2'+ydir2);
Picture2.pixelLeft = x2+document.body.scrollLeft;
Picture2.pixelTop = y2+document.body.scrollTop;
if (Picture2.pixelTop <= 5+document.body.scrollTop) ydir2 = '++';
if (Picture2.pixelTop >= wheight+document.body.scrollTop-120) ydir2 = '--';//这是管距离下边多远就应该回来
if (Picture2.pixelLeft >= wwidth+document.body.scrollLeft-100) xdir2 = '--'; //这是管距离右边多远就应该回来
if (Picture2.pixelLeft <= 5+document.body.scrollLeft) xdir2 = '++';
id12 = setTimeout('AnimationPicture2()', 30);
}

function RandomDirection2() {
if (Math.floor(Math.random()*2-100)) {(Math.floor(Math.random()*2)) ? xdir2='--': xdir2='++';} 
else {(Math.floor(Math.random()*2)) ? ydir2='--': ydir2='++';}
id22 = setTimeout('RandomDirection2()', 10000);
}

function stopme2()
{clearTimeout(id12)

}


<!-- 案例代码2结束 -->



function clos(id){
window.document.getElementById(id).style.visibility='hidden';
}