您的位置：首页 > Web前端 > JavaScript

js 实现飘浮

2015-07-31 13:21 513 查看

<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.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航