• 售前

  • 售后

热门帖子
入门百科

DEDECMS5.7漂泊广告实例代码

[复制链接]
小妖花满楼满fx 显示全部楼层 发表于 2021-8-17 18:45:16 |阅读模式 打印 上一主题 下一主题
在网站上一样平常都有很多的广告位,只是很多人都不知道要怎么样添加,这里教给各人一种做漂浮广告的方法,也让自己的网站上有很多广告位存在。  
首先在广告管理增长一个新广告,然后复制以下广告代码:
  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之间。
以上代码很简朴,各人可以本次测试下,有问题可以接洽脚本之家小编补充讨论。

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作