<div id="fudongand" style="position:absolute;"><!--一定要寫寬度-->
<script type="text/javascript">
function hidefudongand(){
document.getElementById("fudongand").style.display="none";
}
</script>
?? <div>
?? <a href='<%=imgUrl%>' target="_blank"><!--imgUrl, imgSrc,imgWidth,imgHeight 這些只是后置代碼中受保護(hù)的變量對(duì)象。-->
????? <img src='<%=imgSrc%>' alt="" border="0" width='<%=imgWidth%>' height='<%=imgHeight%>' />
?? </a>
?? </div>
?? <div width='<%=imgWidth%>' style="text-align:right">
?? <span style="CURSOR:pointer;color:red;" οnclick="hidefudongand();">關(guān)閉</span>
?? </div>??
</div>
<script type="text/javascript">
?? var x = 50,y = 60;
?? var xin = true, yin = true;
?? var step = 1;//層移動(dòng)的步長(zhǎng)，值越大移動(dòng)速度越快
?? var delay = 20;//層移動(dòng)的時(shí)間間隔,單位為毫秒，值越小移動(dòng)速度越快
?? var obj=document.getElementById("fudongand");
?? function floatAD()
?? {
????? var L=T=0;
????? var R= document.body.clientWidth-obj.offsetWidth;
????? var B = document.body.clientHeight-obj.offsetHeight;
????? obj.style.left = x + document.body.scrollLeft + "px";
????? obj.style.top = y + document.body.scrollTop +"px";
????? x = x + step*(xin?1:-1);
????? if (x < L) { xin = true; x = L;}
????? if (x > R){ xin = false; x = R;}
????? y = y + step*(yin?1:-1)
????? if (y < T) { yin = true; y = T; }
????? if (y > B) { yin = false; y = B;}
?? }
?? //如果需要顯示漂浮廣告，請(qǐng)注釋掉下面這行代碼，然后回復(fù)下面那三條已經(jīng)注釋掉的代碼
?? //document.getElementById("fudongand").style.display="none";
?? var itl= setInterval("floatAD()", delay);
?? obj.οnmοuseοver=function(){clearInterval(itl)}
?? obj.οnmοuseοut=function(){itl=setInterval("floatAD()", delay)}
</script>

?

轉(zhuǎn)載于:https://www.cnblogs.com/wangzihao/archive/2010/10/15/1852404.html

總結(jié)

以上是生活随笔為你收集整理的js div asp.net 实现漂浮图片，可以代码控制。的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。