DEDECMS5.7漂浮广告实例代码

框架(架构)  /  管理员 发布于 8年前   204

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

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

<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=0var R= document.body.clientWidth-obj.offsetWidthvar B = document.body.clientHeight-obj.offsetHeightobj.style.left = x + document.body.scrollLeftobj.style.top = y + document.body.scrollTopx = 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之间。

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