dedecms

关注公众号 jb51net

关闭
CMS教程 > dedecms >

DEDECMS5.7漂浮广告实例代码

dede58

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

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

<div id="ad" style="position:absolute"><a href="">
<img src="/templets/tupian/漂浮.jpg" 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("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之间。

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