欢迎来到素材无忧网,按 + 收藏我们
登录 注册 退出 找回密码

DEDECMS5.7漂浮广告实例代码

时间: 2021-04-12 14:06 阅读: 作者:素材无忧网

在网站上一般都有很多的广告位,只是很多人都不知道要怎么样添加,这里教给大家一种做漂浮广告的方法,也让自己的网站上有很多广告位存在。  

首先在广告管理增加一个新广告,然后复制以下广告代码:

<p id="ad" style="position:absolute"><a href="">
<img src="/templets/tupian/漂浮.jpg" border="0"></a>
</p>
<script>
  var x = 50,y = 60
  var xin = true, yin = true
  var step = 1
  var delay = 10
  var obj=document.getElementById("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>

把上面的代码黏贴到你想要广告出现的地方,但是要注意代码中的漂浮.jpg,要修改成自己广告图片在地方,然后把代码粘贴到网站模板的body之间。

以上代码很简单,大家可以本次测试下,有问题可以联系素材无忧小编补充讨论。

版权声明: 本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

转载请注明: DEDECMS5.7漂浮广告实例代码

标签: [db:TAG标签]  
模板推荐