您的位置：首页 > 其它

【问题求助】做一个漂浮窗口

2012-09-11 11:09 267 查看

问：

小弟js学习还没有到位，但是想做一个漂浮窗口，需要高手提供一下代码，放在什么位置说明一下，就是一个可以移动的漂浮窗口，可以上下左右规则飘动的.

尽可能的使用一点注释，感谢

答：

【传智播客】
王老师

<html>

<head>

<title>漂浮广告</title>

<body>

<div id="codefans_net" style="position:absolute">

<a href="#" target="_blank">

<img src="/images/。。.gif" border="0">

</a>

</div>

<script>

var x = 50,y = 60

var xin = true, yin = true

var step = 1

var delay = 10

var obj=document.getElementById("codefans_net")

function float() {

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

obj.style.top = y + document.body.scrollTop

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("float()", delay)

obj.onmouseover=function(){clearInterval(itl)}

obj.onmouseout=function(){itl=setInterval("float()", delay)}

</script>

</body>

</html>

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

标签：

相关文章推荐

新的分享

章节导航