实例代码教你如何实现织梦模板的漂浮广告

[复制链接]
树苗收集系 发表于 2020-9-13 11:56:50 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
网站上一般都有很多的广告位,只是很多人都不知道要怎么样添加,这里教给大家一种做漂浮广告的方法,也让自己的网站上有很多广告位存在。  
首先在广告管理增加一个新广告,然后复制以下广告代码:
  1. <div id="ad" style="position:absolute"><a href="">
  2. <img src="/templets/tupian/漂浮.jpg" border="0"></a>
  3. </div>
  4. <script>
  5.   var x = 50,y = 60
  6.   var xin = true, yin = true
  7.   var step = 1
  8.   var delay = 10
  9.   var obj=document.getElementById("ad")
  10.   function floatAD() {
  11. var L=T=0
  12. var R= document.body.clientWidth-obj.offsetWidth
  13. var B = document.body.clientHeight-obj.offsetHeight
  14. obj.style.left = x + document.body.scrollLeft
  15. obj.style.top = y + document.body.scrollTop
  16. x = x + step*(xin?1:-1)
  17. if (x < L) { xin = true; x = L}
  18. if (x > R){ xin = false; x = R}
  19. y = y + step*(yin?1:-1)
  20. if (y < T) { yin = true; y = T }
  21. if (y > B) { yin = false; y = B }
  22.   }
  23.   var itl= setInterval("floatAD()", delay)
  24. obj.onmouseover=function(){clearInterval(itl)}
  25. obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
  26. </script>
复制代码
把上面的代码黏贴到你想要广告出现的地方,但是要注意代码中的漂浮.jpg,要修改成自己广告图片在地方,然后把代码粘贴到网站模板的body之间。

回复

使用道具 举报

精彩评论3

淡看红尘轻笑孤 发表于 2020-9-16 16:30:54 | 显示全部楼层
还是看不懂,复杂
回复

使用道具 举报

薄荷少年微微凉 发表于 2020-9-24 15:12:33 | 显示全部楼层
这个不错,谢谢共享
回复

使用道具 举报

树上的向日葵 发表于 2020-12-18 13:32:30 | 显示全部楼层
学习一下!十分感谢
回复

使用道具 举报

发布主题
推荐阅读 更多
阅读排行 更多
广告位
全国统一客服电话
400-1234-5678

24x7小时免费咨询

  • 官方在线客服

    QQ客服:小西

    点击交谈

    QQ客服:良子

    点击交谈

    QQ客服:闵月

    点击交谈
  • 安徽省合肥市高新区创新产业园

  • 手机扫码查看手机版

    手机查找资源更方便

  • 扫一扫关注官方微信

    加入官方微信群