全页漂浮的图片的广告代码[网页特效] dn001 2009-06-21 08:17:23 <!-- http://www.knowsky.com --> <!-- bbs http://bbs.knowsky.com --> <!--要完成此效果需要两个步骤 第一步:把如下代码加入到<body>区域中--> <script> <!-- var imageheight=280 var imagewidth=560 var cliptop var clipbottom var clipleft var clipright var clippoints var tempo=100 var stepx=0 var stepy=0 var timer function setValues() { if (document.all) { document.all.image.style.posLeft=0 document.all.image.style.posTop=0 document.all.imagecontent.style.posLeft=0 document.all.imagecontent.style.posTop=0 moveimage() } } function moveimage() { if (stepx<=imagewidth || stepy<=imageheight) { stepx=stepx+12 stepy=stepy+6 image.innerHTML="<span style='width:"+stepx+"px; height:"+stepy+"px;background-color:000000;filter:alpha(opacity=0,finishopacity=100,style=2'></span>" cliptop=0 clipbottom=stepy clipleft=0 clipright=stepx clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.imagecontent.style.clip=clippoints timer=setTimeout("moveimage()",tempo) } else{ clearTimeout(timer) timer=setTimeout("moveimage2()",tempo) } } function moveimage2() { if (stepx>=0 || stepy>=0) { stepx=stepx-12 stepy=stepy-6 image.innerHTML="<span style='width:"+stepx+"px; height:"+stepy+"px;background-color:000000;filter:alpha(opacity=0,finishopacity=100,style=2'></span>" cliptop=0 clipbottom=stepy clipleft=0 clipright=stepx clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.imagecontent.style.clip=clippoints timer=setTimeout("moveimage2()",tempo) } else{ stepx=0 stepy=0 clearTimeout(timer) timer=setTimeout("moveimage()",tempo) } } --> </script> <DIV id=imagecontent style="LEFT: -5000px; POSITION: absolute; TOP: -5000px"><IMG height=421 src="http://www.knowsky.com/images/12090.gif" width=735></DIV> <DIV id=image style="POSITION: absolute; TOP: -50px"></DIV> <!--第二步:把“onload=setValues()”加在<body>标记里 例如:--> <body onload=setValues()>