通过JS控制广告图片仅在特定范围内漂浮

稿源：互联网 2022-04-02 21:40:19 点击： 3823 撤稿纠错

通过JS控制广告仅在当前屏幕漂浮，不可超出限定范围区域外...

以下讨论的是和漂浮相关的通过JS控制广告图片仅在特定范围内漂浮教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>阿 里 西 西 js.alixixi.com</title>
</head>
<body>
<script type="text/javascript">
document.write("<div id='fudong01' style='position:absolute;Z-INDEX: 99999; width:40px;height:20px;background:000;'><a onClick='setNone(fudong01)' style='position:absolute;right:0px;top:-15px;cursor:pointer;display:block;width:48px;height:16px;font: 12px/16px;color:#fff;text-align:center;background:#333;border:1px solid #999;overflow:hidden;font-family:宋体;'>×关闭</a><img src='http://www.alixixi.cn/skins/GRAY2010/logo3.gif' border='0' /></div>");
function setNone(str_fd){str_fd.style.display="none";}
var x = 0,y = 0
var xin = true, yin = true
var step = 3  
var delay = 10   
var obj=document.getElementById("fudong01")
function floatAD() {
var L=0
var T=0
var R= (document.body.clientWidth-obj.offsetWidth)/2
var B =document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft  
obj.style.top = y + document.body.scrollTop   
obj.y=document.body.scrollHeight;
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>

关于通过JS控制广告图片仅在特定范围内漂浮的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2011030268076.shtml方便下次再访问哦。

·上一篇： js验证表单radio必填项
·下一篇： 仿163网左侧固定位置的层跟随顶部飘浮

通过JS控制广告图片仅在特定范围内漂浮

文章分类LIST >>返回首页

最新游戏

最新新闻