JS漂浮广告代码

时间：2012-11-30 21:22:26浏览：4226 转载




<html>

<head>

<title>漂浮广告</title>

<body>

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

<!--链接地址--><a href=\"#\" target=\"_blank\">

<!--图片地址--><img src=\"/images/logo.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>

JavaScript漂浮广告代码，很不错，代码精简，不过一次只有漂一个 1

上一篇：Windows 7 IIS7 开放80端口设置
下一篇：批处理获取当前时间

发表评论

昵称：验证码：

关于博主

博主：BlueCode

职业：web程序

简介：2002年开始一直从事Web制作，网站运营，会PHP+MYSQL ASP+MSSQL，微信开发

Linux文章
PHP文章
随机文章

BlueCode的自留地

JS漂浮广告代码

关于博主