首页 > 代码库 > 漂浮层
漂浮层
1 <div id="scrollDiv">放些文字或图片</div> 2 <script type="text/javascript"> 3 var x = 50,y = 60; 4 var xin = true, yin = true ; 5 var step = 1 ; 6 var delay = 10 ; 7 var obj=document.getElementById("scrollDiv") ; 8 9 function closeDiv(){10 document.getElementById(‘scrollDiv‘).style.display=‘none‘;11 }12 function rollMethod() { 13 var L=T=0;14 var R= document.body.clientWidth-obj.offsetWidth ;15 var B = document.body.clientHeight-obj.offsetHeight ;16 obj.style.left = x + document.body.scrollLeft ;17 obj.style.top = y + document.body.scrollTop ;18 x = x + step*(xin?1:-1) ; 19 if (x < L) { xin = true; x = L} 20 if (x > R){ xin = false; x = R} 21 y = y + step*(yin?1:-1) 22 if (y < T) { yin = true; y = T } 23 if (y > B) { yin = false; y = B } 24 } 25 var itl= setInterval("rollMethod()", delay) ;26 obj.onmouseover=function(){clearInterval(itl)} ;27 obj.onmouseout=function(){itl=setInterval("rollMethod()", delay);28 } 29 30 </script>
漂浮层
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。