js 实现飘浮

最新推荐文章于 2022-03-27 22:39:30 发布

wushuo30

最新推荐文章于 2022-03-27 22:39:30 发布

阅读量465

点赞数

分类专栏： javaScript

本文链接：https://blog.youkuaiyun.com/wushuo30/article/details/47168711

版权

javaScript 专栏收录该内容

7 篇文章

订阅专栏

<html>

<body>

<div id="fc_a_d" style="position: absolute; z-index: 999; left: 1081px; top: 339px;"><a href="http://schoolinfo.jseea.cn/gzdt/index.shtml" target="_blank"><img src="http://www.jseea.cn/images/float2015.png" style="width:100px;height:100px;" border="0"></a></div>

<script type="text/javascript">
var x = 50,y = 60;
var xin = true, yin = true;
var step = 1 ;
var delay = 10;
var obj=document.getElementById("fc_a_d") ;
obj.topmost=true;
function floatAD() {
var L=T=0;
var R= document.body.clientWidth-obj.offsetWidth;
//var B = document.body.clientHeight-obj.offsetHeight;
var B = 600
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; } 
}
var itl= setInterval("floatAD()", delay) ;
obj.οnmοuseοver=function(){clearInterval(itl)} 
obj.οnmοuseοut=function(){itl=setInterval("floatAD()", delay)}
</script>


</body>
</html>