点击消失的漂浮广告图片

原创 2016年06月02日 12:48:08

<div id="ad" style="position:absolute">
<a href="http://xu-ni.net" target="_blank">
<img src="http://xu-ni.net/bbs/skins/copyright.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.getElementByIdx("ad")
function floatAD() {
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("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>

把上面的代码放在需要放置广告的页面HTML代码的<body></body>之间

-----上面的代码说明-------

http://xu-ni.net //换成是漂浮图片点击后出现的页面,也就是点击后出现的详细的介绍页面
http://xu-ni.net/bbs/skins/copyright.gif //换成是漂浮广告图片的URL地址,最好采用绝对路径
var x = 50,y = 60 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标

var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上
var step = 1 //层移动的步长,值越大移动速度越快
var delay = 10 //层移动的时间间隔,单位为毫秒,值越小移动速度越快

版权声明:本文为博主原创文章,未经博主允许不得转载。

Android设置Notification从网络中加载图片,解决点击无法消失的bug

Notification的构造函数中只支持使用资源文件的图片作为图片,但是如果我们想用网络中的图片怎么办呢。 我们知道,给Notification设置内容的时候调用的是setLatestEventI...
  • jys1115
  • jys1115
  • 2015年03月11日 14:46
  • 2888

ViewPager广告中的图片请求自网络,监听跳转至点击图片对应Url的webView

ViewPager广告工具类

点击按钮后消失.xls

  • 2014年04月14日 21:32
  • 24KB
  • 下载

点击提示框提示信息消失

  • 2013年01月08日 16:37
  • 27KB
  • 下载

viewpager图片广告条点击转跳fragment-----【轮播图点击转跳详情界面】

先上效果图 例子就是最简单,就是入门的viewpager的轮播,想学习的同学也可以下载我的项目,下载地址在这 github.,里面有很详细的讲解,在自动轮播的时候加入和handler使其能够...

鼠标点击区域外层消失

  • 2012年12月18日 14:55
  • 9KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击消失的漂浮广告图片
举报原因:
原因补充:

(最多只允许输入30个字)