js漂浮广告实现代码（合集经典）-白红宇

js漂浮广告实现代码（合集经典）

阅读量：5260 次

发布时间：2019-06-14

本文共 992 字，大约阅读时间需要 3 分钟。

<html>

<head>

<body>

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

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

</a>

</div>

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.οnmοuseοver=function(){clearInterval(itl)}

obj.οnmοuseοut=function(){itl=setInterval("float()", delay)}

</script>

</body>

</html>

链接地址：http://www.jb51.net/article/30082.htm

转载于:https://www.cnblogs.com/weibo806/p/7445334.html

你可能感兴趣的文章

tomcat7的数据库连接池tomcatjdbc的25个优势

Ubuntu(虚拟机)下安装Qt5.5.1

查看>>

java.io.IOException: read failed, socket might closed or timeout, read ret: -1

查看>>

java 常用命令

查看>>

CodeForces Round #545 Div.2

Item 9: Avoid Conversion Operators in Your APIs(Effective C#)

查看>>

深入浅出JavaScript(2)—ECMAScript

查看>>

STEP2——《数据分析：企业的贤内助》重点摘要笔记（六）——数据描述

查看>>

ViewPager的onPageChangeListener里面的一些方法参数：

查看>>